0

В стилях таблицы задано:

tbody tr:nth-child(2n+1) td { background-color: #DC143C; }
tbody tr:nth-child(2n) td { background-color: #20B2AA;  }
tr:hover { background: #00BFFF; }

Но в IE8 не отображаются цвета четных и нечетных строк таблицы, а в Файерфоксе не работает выделение строки, на которую наведена мышка. В чем ошибка, как это исправить?

2 ответа 2

1

Селектор nth-child работает только с 9 версии IE

htmlbook.ru/css/nth-child

7
  • Но почему тогда в Файерфоксе не работает псевдокласс :hover ?
    – Heidel
    3 мар 2012 в 17:10
  • Насчет Файерфокса — что-то не так в другом куске стилей, т.к. в чистом виде td:hover работает без проблем.
    – Crasher
    3 мар 2012 в 17:17
  • Извините, там в приведенном куске кода была ошибка, сейчас я её уже исправила, должно быть tr:hover. Но сути дела это не меняет, ни для ячейки, ни для строки в Файерфоксе это не работает.
    – Heidel
    3 мар 2012 в 17:21
  • Судя по всему, эти псевдоклассы противоречат друг другу, tr:hover работает, если из стилей выкинуть tbody tr:nth-child(2n+1) td { background-color: #DC143C; } tbody tr:nth-child(2n) td { background-color: #20B2AA; }. А как тогда их совместить?
    – Heidel
    3 мар 2012 в 17:24
  • у меня в MF 10.0.2 — работает, выделяются парные/непарные строки. Может у Вас старая версия браузера? Если же нет, попробуйте вместо 2n и 2n+1 использовать even и odd.
    – Crasher
    3 мар 2012 в 18:04
1

делайте это на jQuery, ИЕ не воспринимает многие селекторы и псевдоклассы.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.