如何讓我的按鈕懸停轉換平穩？

我創建了一個圖像按鈕，可以在鼠標上顯示2個不同的圖像。如何讓我的按鈕懸停轉換平穩？

我的問題是，它在懸停時閃動。我該怎麼做，以便當它徘徊時，過渡是平穩的。

這是我當前的代碼是什麼樣子：

<style> 
.test{ 
width:620px; 
height:55px; 
background: url(1.jpg); 
text-indent: -9999px 
} 

.test:hover{ 
background: url(2.jpg); 
cursor: hand; 
cursor: pointer; 
} 
</style> 

<p class="test"><a href="#">TEST ONLY</a>

下面的現場演示，顯示問題：

http://magestimate.com/csstest/

來源

2012-12-05 anagnam

這已經覆蓋上SO和無數其他的博客這麼多次，嘗試谷歌它，你問這裏之前:)好問的一個問題，但。 – Kyle

我認爲這與沒有被2.JPG做裝載尚未和服務器並不那麼快。

嘗試添加以下內容到HTML

<img src="2.jpg" alt="" style="display:none" />

來源

2012-12-05 11:51:14 Sanne

我覺得如果你只是想確保圖像不會按需加載，然後只需添加一個預加載的所有圖片...

您將不得不將這添加到車身標籤中。

ex。

<body onload="MM_preloadImages('images/x.png' 'images/y.png')"> 

</body>

等等。

太棒了安德烈 out !!

http://www.awesomeandre.tk

來源

2012-12-05 16:11:59

如何讓我的按鈕懸停轉換平穩？

回答

相關問題