爲什麼`cursor：pointer`在IE6中不起作用？

Question

在FF3中，當鼠標懸停在元素上時，我看到一隻手，但在IE6中，我沒有。爲什麼？有什麼解決方法嗎？

Example

Answer 1

正如菲利普所說，IE6只支持:hover上<a>元素。你問了一個解決辦法，唯一的解決方法需要啓用JavaScript：

• whatever:hover
• ie7.js

Answer 2

IE6不支持 「：懸停」 選擇在別的比<a>元素

Answer 3

有時cursor: hand會工作。建議使用同時指定，對符合標準的瀏覽器：

cursor: pointer, hand; 

什麼，你也可以做的是使用URL從Windows安裝並指向其複製光標：

cursor: url(pointer.cur); 

或者，即使更好的是，有它作爲備份和使用conditional comments IE的古怪支持插入：

<!-- normal CSS --> 
<style type="text/css"> 
.clickable { 
    cursor: pointer; 
} 
</style> 

<!--[if IE 6]> 
<style type="text/css"> 
.clickable { 
    cursor: url(pointer.cur); 
} 
</style> 
<![endif]--> 

Answer 4

您可以簡單地設置foo { cursor: pointer; }（不:hover），或者（更好地）使用a元素，因爲你幾乎肯定應該這樣做。

Answer 5

我會簡單地使用Javascript，如果它不是一個標籤。如果你使用的是jQuery，你可以這樣做：

$('#element').hover(function() { 
    $(this).css('cursor', 'pointer'); 
}, function() { 
    $(this).css('cursor', 'inherit'); 
});