我的 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
),以便我可以在需要时更改它的对比度/亮度。
我该怎么做?
最佳答案
如果您打算使用过滤器(您应该,cause they're awesome),您不能。
您必须使用两个单独的元素,因为过滤器会影响整个元素,而不是其中一个属性(如背景图像)。
为此,创建另一个元素,使其覆盖整个 body ,然后在其上使用可变过滤器。
关于javascript - 对特定 CSS 背景图像应用效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22975403/