Question

在FF3中，当鼠标悬停在元素上时，我会看到一只手，但在IE6中，我没有。为什么？有没有解决方法？

Example

Answer 1

正如Philippe所说，IE6仅支持:hover元素上的<a>。您要求解决方法，唯一的解决方法是需要启用javascript：

Answer 2

您可以设置foo { cursor: pointer; }（不使用:hover），或者（更好）使用a元素，因为您几乎肯定应该这样做。

Answer 3

除了<a>元素

之外，IE6不支持“：hover”选择器

Answer 4

如果它不是标签，我会简单地使用Javascript。如果你正在使用jQuery，你可以这样做：

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

Answer 5

有时cursor: hand会奏效。最适合使用以下标准兼容的浏览器：

cursor: pointer, hand;

您还可以执行的操作是从Windows安装中复制光标并使用URL指向它：

cursor: url(pointer.cur);

或者，更好的是，将它作为备份并使用IE对conditional comments的古怪支持插入它：

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

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

为什么`cursor：pointer`在IE6中不起作用？

5 个答案: