Il rendering di una pagina Web che usa gli stili CSS non viene eseguito correttamente in Internet Explorer

Avviso

L'applicazione desktop Internet Explorer 11, ritirata e fuori supporto, è stata disabilitata in modo permanente tramite un aggiornamento di Microsoft Edge su alcune versioni di Windows 10. Per altre informazioni, vedere Domande frequenti sul ritiro delle app desktop di Internet Explorer 11.

Questo articolo illustra i passaggi per descrivere il problema per cui il rendering di una pagina Web degli stili CSS non viene eseguito correttamente in Internet Explorer.

Versione originale del prodotto: Internet Explorer
Numero KB originale: 262161

Sintomi

Gli stili in una pagina Web sono mancanti o non sono corretti quando la pagina viene caricata in Internet Explorer.

Nota

Questo problema può verificarsi se la pagina Web usa un foglio di stile inline o punta a un foglio di stile cssing.

È anche possibile che venga visualizzato il messaggio di errore seguente:

La pagina che si sta cercando potrebbe essere stata spostata o se il nome è stato modificato.

Causa

Questo problema si verifica perché in Internet Explorer si verificano le condizioni seguenti:

  • Tutti i tag di stile dopo i primi 31 tag di stile non vengono applicati.
  • Tutte le regole di stile dopo le prime 4.095 regole non vengono applicate.
  • Nelle pagine che usano la @import regola per importare continuamente fogli di stile esterni che importano altri fogli di stile, i fogli di stile con più di tre livelli di profondità vengono ignorati.

Ulteriori informazioni

Uno strumento di monitoraggio di rete può indicare che si verifica una reimpostazione TCP quando Internet Explorer riceve la pagina in cui si verifica il problema. Internet Explorer genera quindi un'altra richiesta POST se la richiesta originale era una richiesta POST. In alternativa, Internet Explorer potrebbe inviare una richiesta GET.

Questa limitazione dei tag di stile può influire anche sulla visualizzazione dei file .xml usando i file xsl. Quando nel file xsl sono incorporati tag di stile all'interno del documento, viene visualizzato il messaggio di errore seguente quando si tenta di visualizzare il file .xml:

Internet Explorer non è riuscito ad aprire il sito Internet:
file://c:\aaa.xml

Quando si fa clic su OK, viene visualizzato il messaggio di errore seguente:

Impossibile visualizzare la pagina

L'esempio di codice fornito nella sezione Passaggi per riprodurre il problema crea dinamicamente fogli di stile e genera il messaggio di errore seguente:

Si è verificato un errore di runtime.
Eseguire il debug?

Riga: 8
Errore: argomento non valido.

Se i fogli di stile non vengono applicati in modo dinamico, ma vengono invece applicati tramite <tag Style> o .css file, il messaggio di errore Argomento non valido non viene generato. In questo caso, tutti i fogli di stile dopo il trentunesimo foglio di stile vengono ignorati.

Procedura per riprodurre il problema

Incollare l'esempio di codice seguente in una pagina HTML. Eseguire l'esempio di codice. Viene generato un errore dopo l'applicazione del trentunesimo tag di stile.

<html>
    <head>
        <script>
            function fnCreateStyleSheets() {
                for (i = 1; i <= 32; i++) {
                    document.createStyleSheet()
                    StyleSheetCount.innerText = "Total Style Sheets = " + i
                }
            }
        </script>
    </head>
    <body onLoad="fnCreateStyleSheets()">
        <div id="StyleSheetCount"></div>
    </body>
</html>

Riferimenti

Per altre informazioni, vedere i seguenti siti Web Microsoft Developer Network (MSDN):