html - 如何同时加载2个悬停效果

Question

我有很多图像，它们在悬停时都会产生相同的效果，所以我制作了图层。我是图像，一个是悬停效果。 http://jsfiddle.net/jmXdh/13/

所以在悬停第二层加载时，我也想对主图像产生影响。仅在悬停时。如您所见，我给它赋予了灰度效果。但在悬停时，两个悬停不会同时加载。这是为什么？

这是我在主图像悬停时得到的:

a:hover .img{-webkit-filter: grayscale(100%);}

我也希望它会随着过渡而发生。

Answer 1

您需要向 .play 类添加一个正的 z-index 值，以确保在应用滤镜时该元素不会被推到图像后面。