Stile CSS non riconosciuto in IE9

Questo mi sta facendo impazzire. Ecco alcuni HTML e CSS che ho su una pagina di esempio. Il primo intento era quello di avere LI senza alcun indicatore. Ho provato tutto ciò che potevo, ma gli elementi della lista appariranno con un marcatore decimale standard. Ho usato lo strumento di sviluppo fornito con IE9 per ispezionare gli elementi UL e LI. Sembra che IE non riconosca affatto la classe css "recentAnnouncementsList". Questi elementi non mostrano lo stile applicato su di esso. L'intero set up funziona perfettamente su Chrome. Cosa mi manca?Stile CSS non riconosciuto in IE9

Grazie

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>

fonte

2012-01-23 ByteBlocks

IE9 non sta caricando una versione memorizzata nella cache del foglio di stile, vero? – Chris

Funziona bene qui: http://jsfiddle.net/kkqxK/1/ –

No, nessun foglio di stile memorizzato nella cache viene caricato. L'ho reso sicuro aggiungendo qualche valore fittizio da qualche altra parte per assicurarmi di poterlo verificare. – ByteBlocks

Finalmente ho risolto questo problema Il problema era che avevo aggiunto una nuova classe CSS chiamata "container" nel file. Non sono sicuro che si tratti di un bug in IE e FF, ma il file CSS è stato troncato all'inizio di quello stile. Ho trovato questo cercando negli strumenti di sviluppo per IE. Quando ho guardato il file caricato in IE, non era completo. Tutti i miei stili legati ai miei tag UL/LI erano presenti dopo quella definizione di classe. Dopo aver eliminato la classe "container" dal file, tutto è tornato alla normalità.

Grazie per tutti i vostri suggerimenti e suggerimenti.

fonte

2012-01-25 14:53:41 ByteBlocks

Hey @ByteBlocks grazie mille per questo. Quando dici che hai guardato il tuo CSS in strumenti di sviluppo, dove lo hai esattamente cercato? Sto guardando nella scheda Network sotto il Response Body per il CSS e sto vedendo il mio CSS lì, ma mi chiedo se c'è un altro posto per verificare il modo in cui effettivamente sta analizzando il CSS, non solo il raw download. – kalenjordan

Il più semplice sarà, proprio sull'elemento nel browser (IE, Chrome) e dal menu di scelta rapida scegli "Ispeziona elemento". Quindi sarai in grado di vedere gli stili che vengono applicati al tuo elemento. Qualsiasi stile che viene sovrascritto verrà visualizzato con una linea attraverso di esso. Fammi sapere se questa descrizione aiuta. – ByteBlocks

Ho combattuto con IE per circa due settimane consecutive e questo è stato il problema. Buon Dio, sono così felice di averlo trovato! Grazie :) – Volte

per il mio progetto, una volta ho reso IE9 come IE8 rendendo con meta tag di HTML

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

così lo stesso css lavorato sia per

fonte

2012-01-24 06:56:53 krishna

Ero di fronte a questo problema, tizio Tanx – VenomVendor

IE 6-9 hanno tutti un limite al numero di selettori dichiarati in un file CSS. Presumo che gli stili dichiarati per .recentAnnouncementsList si trovano sopra il limite e completamente ignorati. Ci sono strumenti sono risorse che aiutano a dividere i file di grandi CSS in più parti e mantenere il numero di selettori in un unico file di sotto del limite:

blesscss - strumento a riga di comando
css_splitter - per applicazioni Rails
gulp-bless - per progetti NodeJS

fonte

2017-03-24 19:16:20 Hirurg103

Stile CSS non riconosciuto in IE9

risposta

Problemi correlati