Question

我有一个项目网格，其所有数据都存储在数据库中，但我希望每个悬停叠加层都是与数据库中该项目相关联的颜色。

在上传过程中使用颜色选择器（jscolor），十六进制代码存储在数据库中。然后我可以得到十六进制代码，但无法想出一种动态样式化php中叠加层背景颜色的方法。

这就是我想要实现的目标：

CSS

.overlay-custom {
position: absolute;
width: 250px;
height: 250px;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-ms-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
  background-color:#00ff00;
  z-index:2;

我想用数据库中的十六进制代码动态替换此div类的背景颜色。

Answer 1

最初输出.overlay-custom时使用php创建内联样式。

var newarr = ls.Select(w => w + increment);

或

<?php
    // load overlay color from database somehow
    $overlay_color = get_overlay_color();
?>

<div class="overlay-custom" style="background-color:#<?php echo $overlay_color ?>"></div>

然后不透明度和所有仍然可以在css文件中调整。

如何使用数据库中的颜色动态更改css背景颜色

1 个答案: