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

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)，您不能。

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

为此，创建另一个元素，使其覆盖整个 body ，然后在其上使用可变过滤器。