Новая тема   Ответить

 Eugenum
Задача такая:
нужно, чтобы в ие при наведении мыши на какую-либо из двух залинкованных картинок вокруг нее появлялась рамка.

Делал так:
у img прописывал стиль
Код:
получал то, что хотел, но только в опере и фф, эксплорер показывать, как надо, отказывался. Прымер.

На одной страничке подглядел было сделано так:
прописан класс:
Код:
В таком виде опять в ие не работало, а в опере обрамлялись сразу обе. Не подходит. Но вопрос номер раз: Почему не появляется постоянное зеленое обрамление, если убрать строчку
Код:
?
Жмяк. Вторая строчка влияния не оказывает, а я изначально считал необходимыми только 1ю и 4ю...

Вобщем, потом я заметил, что еще имеется такой стиль для ссылок:
Код:
и с ним в эксплорере все работает. Вопрос номер 2: Почему так? Я считал, что внутренние стили главнее внешних..

Ну и вопрос 3: Можно ли все-таки как-то добиться, чтобы в эксплорере работал первый вариант (который работает в опере и фф), не делая отдельной ссылки на каждую картинку?

 ТВЭЛ
Это все оттого, что уебищный ИЕ понимает псевдокласс hover только для ссылок, в отличие от других браузеров, которые отлично применяют его к любому элементу (как и должно быть). Поэтому если картинка внутри ссылки, то и стиль надо соответствующим образом записывать.

 samedi
нужно писать a:hover img {} или img a:hover если не ошибаюсь

 samedi
Цитата:
яваскриптом

 ТВЭЛ
samedi писал:

50/50.
То есть "или" совсем зря, как ты представляешь себе ссылку внутри картинки? Правильный только первый вариант, а второй просто бесмысленный набор правил.