Estilo CSS no reconocido en IE9

Esto me está volviendo loco. Aquí hay algo de HTML y CSS que tengo en una página de muestra. El primer intento fue tener LI sin ningún marcador. He intentado todo lo que pude, pero los elementos de la lista aparecerán con un marcador decimal estándar. Utilicé la herramienta de desarrollador que viene con IE9 para inspeccionar los elementos UL y LI. Parece que IE no reconoce la clase css "recentAnnouncementsList" en absoluto. Estos elementos no muestran el estilo aplicado en él. Esta configuración completa funciona perfectamente en Chrome. ¿Qué me estoy perdiendo?Estilo CSS no reconocido en IE9

Gracias

ul.recentAnnouncementsList 
{ 
    margin-left: 0px; 
    padding-left: 5px; 
} 

ul.recentAnnouncementsList li 
{ 
    margin-left: 0px; 
    padding-bottom: 5px; 
    list-style-type:none; 
} 

ul.recentAnnouncementsList li a{ 
    color:#675DF0;text-decoration:none; font-size:0.85em; 
} 

ul.recentAnnouncementsList li span{ 
    display: block; 
    text-indent: 0px; 
    text-transform: none; 
} 

<td> 
<div> 
<ul class="recentAnnouncementsList" id="recentAnnouncements"> 
<li><a href="#">Released 1</a></li> 
<li><a href="#">Release 2</a></li> 
</ul> 
</div> 
</td>

Fuente

2012-01-23 ByteBlocks

IE9 no está cargando una versión en caché de la hoja de estilo, ¿o sí? – Chris

Funciona bien aquí: http://jsfiddle.net/kkqxK/1/ –

No, no se ha cargado ninguna hoja de estilo en caché. Lo he hecho seguro agregando algún valor ficticio en otro lugar para asegurarme de que puedo verificarlo. – ByteBlocks

Finalmente tengo Resolvió este problema. El problema era que había agregado una nueva clase de CSS llamada "contenedor" en el archivo. No estoy seguro de si esto es algún error en IE y FF, pero el archivo CSS fue recortado al inicio de ese estilo. Descubrí esto buscando en las herramientas de desarrollador para IE. Cuando miré el archivo cargado en IE, no estaba completo. Todos mis estilos relacionados con mis etiquetas UL/LI estaban presentes después de esa definición de clase. Después de eliminar la clase "contenedor" del archivo, todo volvió a la normalidad.

Gracias por su aporte y sugerencias.

Fuente

2012-01-25 14:53:41 ByteBlocks

Hola @ByteBlocks muchas gracias por esto. Cuando dice que miró su CSS en las herramientas de desarrollador, ¿dónde exactamente lo buscó? Estoy buscando en la pestaña Red, en el Cuerpo de respuesta para el CSS, y estoy viendo mi CSS allí, pero me pregunto si hay otro lugar para verificar la forma en que realmente analiza el CSS, no solo la descarga sin formato. – kalenjordan

Lo más fácil será, justo en el elemento en el navegador (IE, Chrome) y desde el menú contextual, seleccione "Inspeccionar elemento". Luego podrá ver los estilos que se están aplicando a su elemento. Cualquier estilo que se sobrescriba se mostrará con una línea a través de él. Avíseme si esta descripción ayuda. – ByteBlocks

Luché con IE durante aproximadamente dos semanas seguidas y este es el problema. ¡Dios mío, estoy tan contento de haber encontrado esto! Gracias :) – Volte

para mi proyecto me convertidos en IE9 como IE8 por que lo hacen con etiqueta meta de html

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>

por lo que la misma css trabajado tanto para

Fuente

2012-01-24 06:56:53 krishna

Estaba enfrentando este problema, amigo de Tanx – VenomVendor

IE 6-9 tienen un límite en la cantidad de selectores declarados en un archivo CSS. Supongo que los estilos declarados para .recentAnnouncementsList se encuentran por encima del límite y se ignoran por completo. Existen herramientas son recursos que ayudan a dividir grandes archivos CSS en varias partes y mantener el número de selectores en un solo archivo por debajo del límite:

blesscss - herramienta de línea de comandos
css_splitter - para los carriles aplicaciones
gulp-bless - para proyectos NodeJS

Fuente

2017-03-24 19:16:20 Hirurg103

Respuesta

Cuestiones relacionadas