我有很多图像，所有这些图像在悬停时都具有相同的效果，所以我制作了图层。我是形象，一个是悬停效果。 http://jsfiddle.net/jmXdh/13/
所以在悬停第二层加载时，我也希望对主图像产生影响。只在悬停。如你所见，我给它带来了灰度效果。但是在悬停时，两个悬停都不会同时加载。那是为什么？
这是我为主图像悬停所得到的：
a:hover .img{-webkit-filter: grayscale(100%);}
我也会在过渡时发生。
答案 0 :(得分：1)
您需要在.play类中添加一个正z-index值，以确保在应用过滤器时该元素不会被推到图像后面。
答案 1 :(得分：1)
任何webkit css仅适用于支持webkit的浏览器
双悬停效果正常。
我通过改变css来测试它：
a:hover img{border:2px solid #F00;}