0

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

所以在悬停第二层加载时,我也想对主图像产生影响。仅在悬停时。正如你所看到的,我给它添加了灰度效果。但在悬停时,两个悬停不会同时加载。这是为什么 ?

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

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

我也会在过渡时发生。

4

2 回答 2

1

任何 webkit css 仅适用于支持 webkit 的浏览器

双悬停效果正在发挥作用。

我通过稍微改变css来测试它:

a:hover img{border:2px solid #F00;}

http://jsfiddle.net/jmXdh/21/

于 2013-06-25T02:31:19.393 回答
1

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

于 2013-06-25T02:22:31.647 回答