Почему `cursor: pointer` не работает в IE6?

Question

В FF3 я вижу руку, когда мышь находится над элементом, но в IE6 нет Зачем ? Есть ли обходной путь?

* ** 1003 тысяча два * Пример

Answer 1

Как отметил Филипп, IE6 поддерживает только :hover на <a> элементах. Вы просили обходной путь, единственные обходные пути требуют, чтобы был включен JavaScript:

• независимо: парить
• ie7.js

Answer 2

Вы можете просто установить foo { cursor: pointer; } (без :hover) или (лучше) использовать элемент a, как вы почти наверняка должны.

Answer 3

Я бы просто использовал Javascript, если это что-то кроме тега. Если вы используете jQuery, вы можете сделать что-то вроде этого:

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

Answer 4

Иногда cursor: hand будет работать. Лучше всего указать оба варианта для браузеров, совместимых со стандартами:

cursor: pointer, hand;

Что вы также можете сделать, это скопировать курсор из установки Windows и указать на него, используя URL:

cursor: url(pointer.cur);

Или, что еще лучше, создайте резервную копию и вставьте ее, используя дурацкую поддержку 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 5

IE6 не поддерживает селекторы ": hover" ни на чем другом, кроме <a> elements