Можно ли добиться эффекта выделения строки без javascript?
Я хочу, чтобы «tr», который в данный момент наведен, изменил цвет, а затем вернул обратно, когда указатель мыши больше не находится над ним. Возможно ли это с использованием чистого CSS, или это единственное решение - javascript? (В настоящее время у меня есть решение для javascript, поэтому мне не нужны его примеры)
Спасибо!
Ответы 3
Я считаю, что javascript - единственное решение, обеспечивающее кроссбраузерную поддержку.
Да, это возможно в CSS. В приведенном ниже примере обычно красный фон, а при наведении курсора на строку - зеленый.
tr td { background: #f00; }
tr:hover td { background: #0f0; }
Однако следует отметить, что это не будет работать в IE6, поскольку он не понимает псевдокласс «: hover» для любых элементов, кроме <a>.
Фактически, IE7 имеет самую большую долю рынка на данный момент (markethare.hitslink.com/browser-market-share.aspx?qprid=2) . Но да, IE7 также не поддерживает: hover должным образом.
Неправда - приведенный выше код работал в моем браузере IE7, когда тип документа страницы был: <! DOCTYPE HTML PUBLIC "- // W3C // DTD HTML 4.01 // EN" "w3.org/TR/html4/strict.dtd">
Я не сказал, что он не поддерживается в IE7, просто он не поддерживается «должным образом». Иногда IE7 будет поддерживать состояние зависания, если вы наводите курсор с зажатой кнопкой, и возникают проблемы с вложением: hover (murphy.cz/ie7-hover-ghosts-bug) и т. д.
+1 за правильную технику. Обычно я наказываю пользователей IE6, оставляя такие вещи, как наведение, но если вы хотите, чтобы он работал в IE6, ищите css hover htc.
Я думаю, вы можете использовать атрибут: hover css.
Имейте в виду, что большую часть рынка браузеров занимает IE6. Я бы избежал этого, если ваша аудитория - «кто угодно».