具有重叠DIV的webkit-filter灰度

Question

我对div http://jsfiddle.net/wZvjH/3/上的背景图片上的灰度滤镜存在问题，其中悬停.bg会变为颜色。

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

Answer 1

如果对元素应用过滤器，则该过滤器也适用于其所有子元素。没有办法把它关掉。您需要将左侧和左侧2移出层次结构，这样如果您不希望在其上应用过滤器，它们就是主<div>的兄弟姐妹。