В IE6 существует баг, когда при структуре...

В IE6 существует баг, когда при структуре типа ТЕКСТ ССЫЛКИ мы пытаемся сделать так, чтобы при a:hover изменялись стили span’a внутри ссылки, к примеру с него убиралось подчеркивание. Примечание: в данном случае абсолютно не важно, будут ваши спан и ссылка блоками или линейными элементами. Они могут принимать любые даже отличные друг от друга значения свойства display. Лобовой подход типа a:hover span {text-decoration: none} работает во всех браузерах кроме IE6. Написать уникальные css правила для всех браузеров так и не получилось, но существует следующее решение. Для IE6 либо в Conditional Comments либо отдельным листом стилей прописываем следующее: a:hover {text-decoration: underline;} a:hover span {text-decoration: none;} Данные стили обеспечивают нужный эффект в IE6, но в нормальных браузерах в любом случае оставляют подчеркивание от (родительского элемента) на, потому использовать их нужно именно для IE6. Для остальных браузеров в css остается строчка из лобового подхода: a:hover span {text-decoration: none} Подключить свои стили для IE6 с помощью Conditional Comments можно так: a:hover {text-decoration: underline;} a:hover span {text-decoration: none;} Данную секцию нужно поместить в head вашей html-страницы. Тоже работат и для, к примеру, button’ов со структурой типа: Add когда вы хотите при hover изменять, скажем, бэкграунд для спанов-блоков. Для IE6, если нет запрета на хаки, в данном случае можно использовать комбинацию .tool-button:hover {_background: transparent none;} .tool-button:hover span {background: #eee url();} http://blogto4ka. ru Если вам понравилась моя статья, пожалуйста, сделайте ее ретвит!

Понравилась статья? Получай обновления и будь всегда в курсе событий!
Подпишись на RSS или
blog comments powered by Disqus