Una pagina Web che usa stili CSS non viene eseguita correttamente in Internet Explorer

2020-03-03

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 la procedura per descrivere il problema che una pagina Web degli stili CSS non esegue correttamente il rendering 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.

Annotazioni

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

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

La pagina che si sta cercando potrebbe essere stata spostata o è stata modificata.

Causa

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

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 utilizzano 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 vengono ignorati.

Ulteriori informazioni

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

Questa limitazione dei tag di stile può influire anche sulla visualizzazione dei file .xml usando i file con estensione xsl. Quando il file con estensione xsl include tag di stile incorporati 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 dinamicamente il problema crea fogli di stile e genera il messaggio di errore seguente:

Si è verificato un errore di runtime.
Desideri eseguire il debug?

Riga: 8
Errore: argomento non valido.

Se i fogli di stile non vengono applicati in modo dinamico ma vengono applicati tramite <tag style> o tramite file di .css, 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 tag di stile trentacinquesimo.

<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):

Condividi tramite