關於懸停，隱藏圖像顯示div

我不確定這是否需要jquery，但我想要實現的是列出一組圖像（例如，讓我們使用一個圖像），當它懸停時會隱藏並會顯示帶有背景圖片和文字的div。關於懸停，隱藏圖像顯示div

如何才能實現這種效果？

我有這到目前爲止，但圖像保持閃爍：http://jsfiddle.net/FvBqA/126/

2012-02-28 Filth

你可以使用絕對位置和z索引。看到這個example

或者，使用不透明度規則。看到這example

就你而言，我會建議使用不透明度規則。你可以看到一個更新和工作版本here

對於完全跨瀏覽器液看到這個example

2012-02-28 21:31:12 jacktheripper

你美麗！謝謝一堆:-) – Filth 2012-02-28 21:36:57

沒問題:)很高興幫助！ – jacktheripper 2012-02-28 21:37:22

我剛剛嘗試過你的例子在IE瀏覽器和鉻 - 鉻是好的，但IE瀏覽器將顯示圖像下面的內容首先onload然後將隱藏 - 也在IE中的一些例子不工作 - 建議？ – Filth 2012-02-28 21:43:48

我認爲在CSS

a img:hover { 
    opacity: 0; 
}

應該夠了。

2012-02-28 21:29:18

需要跨瀏覽器支持... filter：opacity（alpha = 0）; – Ohgodwhy 2012-02-28 22:25:27

不透明度並不是所有瀏覽器都支持，我覺得你應該去顯示方式：

a img:hover { 
    display: none; 
}

2012-02-28 21:30:51 aweis

我更新了的jsfiddle。 Here是鏈接。我的代碼使用jQuery的onmouseover功能

2012-02-28 21:33:11 DG3

回答