IE 6 CSS懸停非錨定標記

Question

什麼是最簡單和最優雅的方式來模擬IE6中非錨定標記的懸停僞類？

我特別試圖在這個實例中將光標更改爲指針的光標。

Answer 1

我會說最簡單的方法是添加onmouseover/out Javascript函數。

Answer 2

我認爲最簡單的方法是使用hover.htc的方法。您的hover.htc文件添加到您的網站，然後在樣式表中引用它：

body { behavior:url("csshover.htc"); } 

如果你希望保持儘可能乾淨，你可以使用IE條件註釋，這樣行僅呈現用戶IE6。

Answer 3

另一種方法，取決於項目是什麼，是添加一個非鏈接錨點並將其顯示設置爲阻止。將錨點放置在您想要虛擬懸停行爲的物品內或周圍。

Answer 4

我喜歡鼠標懸停/最好，因爲我實際上已經需要交換圖像無論如何。我真的應該想到用javascript來做這件事。

感謝您的快速解答。

@Joseph

感謝您的鏈接。我從來沒有聽說過這種技術，真的很喜歡這個想法。

我一定會嘗試一下，看看我如何與它相配。

Answer 5

旁白：

我其實已經需要交換圖像無論如何

確保你看看Image Sprites。有時候，使用一張圖像並「移動」圖像，然後使用兩個單獨的圖像，並在它們之間「切換」或「交換」更好。根據我的經驗，當用戶與它交互時，它非常好，有時有一個優勢，即對1圖像有單個請求，對多個圖像有多個請求。

Answer 6

關於你的要求 - 我特別想在這種情況下改變光標移動到指針的 - 最簡單的方法是在你的CSS指定cursor:pointer。我想你會發現，在IE 6的工作

試試這個驗證（其中div可以是任何元素）：

<div style="background:orange; cursor:pointer; height:100px; width:100px;"> 
    Hover 
</div> 

Answer 7

如果您願意使用jQuery，我會用Set Hover Class for Anything技術。

Answer 8

另一個可以解決更多問題的方法是使用IE7.js。