Эффекты Hover не работают с IE8

Я использовал CSS для изменения цвета при наведении на таблицу

#tabb tbody tr:hover td{
    color:#006;
    background:#d0e4f2;
}

Это отлично работает в Chrome и Firefox, но эффект зависания не происходит в Internet Explorer 8.

Есть ли способ заставить этот эффект работать с IE8?

Ответы

Ответ 1

Это должно отлично работать в IE8.

Удар в темноте:

Убедитесь, что doctype как самая первая строка вашего HTML, которая запускает режим стандартов, например:

<!DOCTYPE html>

В Режим Quirks IE эмулирует версию 5.5, которая не поддерживает :hover для элементов, отличных от a.

Ответ 2

IE8 не является обычным виновником проблем :hover. Если вы не можете заставить его работать, всегда есть jQuery!

$("#tabb tbody tr").hover(
    function() {
        $("this").children("td").css( { 'background-color': '#d0e4f2', 'color': '#006' } );
    },
    function() {
        $("this").children("td").css( { ... } );
    }
);

Ответ 3

Мое предположение - это что-то неуловимое в вашем html-коде для таблицы. как вы можете видеть на этой быстрой и грязной скрипке, ваш css-a-ok:

http://jsfiddle.net/PwZsN/