带有叠加 DIV 的网络套件滤镜灰度

Question

我在div http://jsfiddle.net/wZvjH/3/的背景图像上使用灰度滤镜时遇到问题，悬停.bg会变为颜色。

但是，为什么即使我应用了z-index，.left1和.left2也是灰度的？ 那不是计划。我该如何解决这个问题？

Answer 1

如果将

筛选器应用于元素，则该筛选器也会应用于其所有子元素。没有办法关闭它。如果您不希望对它们应用筛选器，则需要将 left 和 left2 移出层次结构，以便它们是主<div>的同级。