Часто возникает множество проблем несовместимости между IE и FF в макете веб-страницы CSS. Вот некоторые распространенные возможности и их решения.
1. Используйте !important, чтобы устранить различия в макете между IE и Mozilla. !important — это синтаксис, определенный в CSS1. Его функция — повысить приоритет применения определенных правил стиля. Наиболее важным моментом является то, что IE никогда не поддерживал этот синтаксис, но другие браузеры поддерживают. Следовательно, мы можем использовать это для определения различных стилей для IE и других браузеров. Например, мы определяем такой стиль:
Пример исходного кода
[www.downcodes.com] .colortest{
граница: 20pxsolid#60A179!важно;
граница: 20pxsolid#00F;
отступ: 30 пикселей;
ширина: 300 пикселей;
}
При просмотре в Mozilla он может понять приоритет !important, поэтому отображается цвет #60A179; при просмотре в IE он не может понять приоритет !important, поэтому отображается цвет #00F.
2. Решите проблему, связанную с тем, что стиль наведения не отображается после доступа к гиперссылке. Измените порядок свойств CSS. Стандарт порядка должен быть следующим:
a:ссылка—a:посещено—a:hover—a:активно
3. Как отображать контент в Li эллипсами после превышения длины Пример исходного кода
[www.downcodes.com]