Что касается механизма обработки CSS, то в IE всегда есть много вещей, от которых у людей блещет кровью, но они все равно довольны своими текущими улучшениями.
Возьмем, к примеру, поддержку псевдокласса:hover. В IE7+ наконец-то добавлена поддержка тегов, отличных от a. Конечно, мы должны аплодировать таким улучшениям, но в IE6 поддержка :hover для a не столь удовлетворительна. Вот проблема, о которой я хочу кратко рассказать: наведение курсора мыши в IE6 и более ранних браузерах.
Многие люди, возможно, уже знают о некоторых проблемах с :hover в браузерах IE6 и более ранних версиях (далее IE6-). В основном я хочу поговорить о таких проблемах, как:hover span{}.
Иногда, чтобы добавить простые динамические эффекты, мы часто используем :hover. Например, мы часто меняем цвет текста, когда мышь проходит по ссылке. нравиться:
Да, это будет работать во всех браузерах. Но если вы измените это на это:
Вы обнаружите, что в IE6 ничего не происходит, наши стили недействительны. Да, именно так. Многие люди должны были столкнуться с этой проблемой и решить ее.
Да, для решения этой проблемы вам нужно всего лишь добавить еще один стиль a:hover{}, который может содержать масштабирование, отступы, поля и другие атрибуты. следующее:
Увидев, что нормальный эффект восстановлен, я задумался о том, что могло вызвать сбой :hover. Для этого вы можете использовать масштабирование, отображение, отступы и другие атрибуты, поэтому я подумал, что это может быть из-за haslayout. Ну, наверное, это так. Но если вы продолжите тестирование, вы обнаружите, что независимо от того, какие атрибуты вы пишете в :hover{}, такие как цвет, размер шрифта, переполнение (даже атрибуты, которые не существуют, например xx:yyy), вы можете восстановить его нормально.
Вы чувствуете себя немного ошеломленным после тестирования здесь? Да, я тоже такой. Насчет причины пока не знаю, может кто знает.
а:hover{масштаб:1;}
а: наведите на них {цвет: # F00;}
Изменить цвет при наведении курсора мыши
а: наведите на них {цвет: # F00;}
Изменить цвет при наведении курсора мыши
а:hover{цвет:#F00;}