如何在同一時間加載2個懸停效果

我有很多圖像，它們都會在懸停時產生相同的效果，所以我對圖層進行了修改。我是形象，一個是懸停效果。 http://jsfiddle.net/jmXdh/13/如何在同一時間加載2個懸停效果

因此，在懸停第二層加載，我也想給主要圖像的效果。只在懸停。正如你所看到的，我給了它灰度效果。但在懸停時，兩個懸停不會同時加載。這是爲什麼？

這是我得到的主圖像懸停：

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

另外我想它轉變發生。

2013-06-25 Alex Jj

您需要爲.play類添加一個正的z-index值，以確保該過濾器應用於該圖像後，該元素不會被推到圖像後面。

2013-06-25 02:22:31 Lafinboy

偉大的建議。謝謝 –

順便說一句，你知道我怎麼能像這樣的'-webkit-transition：opacity 1s;'添加過渡效果到模糊效果？ [演示]（http://jsfiddle.net/jmXdh/22/） –

任何WebKit的CSS是唯一的工作，以支持WebKit的

雙懸停效果正在瀏覽器。

我通過改變CSS有點測試：

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

2013-06-25 02:31:19 Ron

回答