Question

我的HTML / JS / CSS代码存在问题。

我设置了2张背景图片，一张是透明组件，另一张是留下的，只是一张普通的。

这是我的CSS：

body {
  background-size:cover;
  background-color:#03F;
  background-image:url(tablietTf.png), url(road.jpg);
  background-repeat:no-repeat, no-repeat;
}

我正在尝试访问后面的图像（road.jpg），这样我就可以在需要时更改它的对比度/亮度。

我该怎么做？

Answer 1

如果您打算使用过滤器（您应该cause they're awesome），就不能。

您必须使用两个单独的元素，因为过滤器会影响整个元素，而不会影响其中一个属性（如背景图像）。

为此，创建另一个元素，使其覆盖所有正文，然后在其上使用变量过滤器。

Answer 2

不要这样做，为什么不这样做呢？通过这种方式，您将能够一直支持ie8并相应地更改图像。

 <div class="parent">
        <div class="child">
            content here
        </div>
    </div>

.parent{
    background-image: url(tablietTf.png);
}
.child{
    background-image: url(road.jpg);
}

对特定的CSS背景图像应用效果

2 个答案: