2011-01-26 42 views
-1

我知道如何使用背景圖像及其在錨元素上的位置(使用:hover)。我的理解是ie6不支持button:hover。我怎樣才能實現這種效果只使用CSS?CSS - 按鈕元素翻轉(不是錨元素)

+4

只是一個評論:這些天不值得你擔心IE6的兼容性。如果用戶使用IE6,我懷疑他們甚至對看到懸停效果感興趣。 – 2011-01-26 20:06:42

回答

2

IE6只支持:錨點元素上的hover僞類。這意味着,就像其他所有事情一樣,如果你想達到這個效果,你必須有點創意。

您可能通過使用條件註釋爲您的頁面/網站包含IE6特定的樣式表開始,從而達到這一目的。

然後,您可以使用與您的按鈕背景相同的背景圖片,並設置一個錨標籤以使用具有圖像的正確固定寬度的背景圖片,或者(未經測試,因此不確定此圖片)按鈕在錨標記中。