Freqüentemente, há muitos problemas de incompatibilidade entre IE e FF no layout de páginas CSS. Aqui estão algumas possibilidades comuns e suas soluções!
1. Use !important para resolver as diferenças de layout entre IE e Mozilla !important é uma sintaxe definida em CSS1. Sua função é aumentar a prioridade de aplicação de regras de estilo especificadas. O ponto mais importante é que o IE nunca suportou essa sintaxe, mas outros navegadores sim. Portanto, podemos usar isso para definir estilos diferentes para o IE e outros navegadores. Por exemplo, definimos um estilo como este:
Exemplo de código-fonte
[www.downcodes.com] .colortest{
borda:20pxsolid#60A179!importante;
borda:20pxsolid#00F;
preenchimento:30px;
largura:300px;
}
Ao navegar no Mozilla, ele consegue entender a prioridade de !important, então a cor #60A179 é exibida; ao navegar no IE, ele não consegue entender a prioridade de !important, então a cor #00F é exibida;
2. Resolva o problema de que o estilo de foco não é exibido após o acesso ao hiperlink. Altere a ordem das propriedades CSS: O padrão de ordem deve ser:
a:link—a:visitado—a:passar o mouse—a:ativo
3. Como exibir o conteúdo em Li com reticências após exceder o comprimento Exemplo de código-fonte
[www.downcodes.com]