如何讓畫廊圖像褪色懸停以顯示標題，放大，訪問網站等細節？

我見過一個不錯的圖片庫懸停效果最近用了很多，我只是想知道是否有人知道重新創建這種效果的好方法。效果是，當您將鼠標懸停在圖像上時，圖像淡出或者div在顯示圖像上的鏈接等時消失。如何讓畫廊圖像褪色懸停以顯示標題，放大，訪問網站等細節？

它類似於在這裏找到了一個：http://cssnack.com/在這裏：http://designsnack.com/

我已經創建過類似的東西，但記得有麻煩的不透明度在IE中消失。任何提示都是很好的，甚至是指導一個類似效果的好教程。

在此先感謝您的幫助。

2010-07-20 ade123

2010-07-20 12:26:11 balupton

感謝你的幫助balupton！這就是我想到的那種事情。我會盡快仔細研究你的例子。再次感謝:) – ade123 2010-07-20 12:55:52

不要以爲你在任何地方都有工作的例子嗎？：o） – ade123 2011-02-06 07:56:10

搬到jsFiddle – balupton 2011-02-07 06:28:18

您可以使用JavaScript並將其放入具有時滯的循環中，並將MyVariable的值從Transparent滑動到Opaque。

document.getElementById("MyImage").style.MozOpacity=MyVariable

2010-07-20 12:19:27

回答