форум общения русскоязычных пользователей CMS Текстпаттерн
Вы не зашли.
Сегодня с толкнудся с такой хренью: Есть меню построенное на основе списка. Ну вот типа такого:
<ul> <li id="mkontakts"><a href="/kontakts"><strong>Контакт</strong> <em>Все виды связи</em> </a></li> <li id="mworks"><a href="/works"><strong>Работы</strong> <em>Галлерея работ нашей компании</em> </a></li> <li id="muslugi"><a href="/uslugi"><strong>Услуги</strong> <em>Услуги <br /> и продукты нашей компании</em> </a></li> <li id="mnews" class="active"><a href="/news"><strong>Новости</strong> <em>Новости рекламы <br /> и дизайна</em> </a></li> </ul>
Так вот смысл бодяги заключается в следующем, что если я делаю стиль для активной позиции так:
#MenuCenter li.active a { background-color: #a3a3a3; } #MenuCenter li.active a:hover { background-color: #a3a3a3; }
то есть переопределяю в отличии от базового стиля не менять цвет фона ссылки, то остальное
#MenuCenter li.active a:hover strong { color: #000; } #MenuCenter li.active a:hover em { border: none; color: #fff; }
вообще перестаёт работать в ИЕ.
Удалось победить тем, что в случае ховера для ссылки указал тот же цвет, но через rgb(163, 163, 163). Тогда всё заработало. Вот ведь убогие люди этот эксплорер делали.
Неактивен
первый раз с таким сталкиваюсь... видел много разного, но это наверное самый нелепый баг ИЕ... на ровном месте. на самом деле, стили отрабатываются но не на :hover, а при клике (как правом так и левом)
думаю, что дело здесь не в наследовании. по идее прописывать дополнительно background-color для a:hover надобности нет, т.к. фон ссылки перекрывает стили псевдо-селекторов, но в случае с ИЕ выхода другого нет
Билл Гейтс жжош! пешы есчо!!!
Неактивен
Если я правильно помню для тега <a> стили для псевдоклассов надо задавать исходя из правила LoVe HAte, т.е. задавать стили в следующей последовательности a:link a:visited a:hover a:active.
Попробуйте поменять местами active и hover, может что получится.
Неактивен
raivilion написал:
Если я правильно помню для тега <a> стили для псевдоклассов надо задавать исходя из правила LoVe HAte, т.е. задавать стили в следующей последовательности a:link a:visited a:hover a:active.
Попробуйте поменять местами active и hover, может что получится.
все верно, есть такая рекомендация, только в данной ситуации она неуместна. проблема в другом. если для тега <a> явным образом прописан фон, то все псевдо классы его наследуют. если мы не используем :active или :visited мы не обязаны их прописывать (ни все, ни по отдельности). НОРМАЛЬНЫЕ браузеры отлично отрабатывают стили примера, а вот ИЕ нет. я еще в ИЕ 5.5 посмотрю... может хоть там работает. думаю, даже тугой Safari справится с этой задачей чего не скажешь о гигантах (для которых рекомендации никогда не станут правилами)
и еще, в приведенном примере active это класс, а не псевдо класс линка
Отредактированно assy (30-03-2007 07:17:59)
Неактивен
Ага ага... уже увидел... с утра невнимательно вчитался
Неактивен