Pourquoi le chargement CSS dynamique ne fonctionne-t-il pas dans IE et comment puis-je y remédier ?

Chargement dynamique d'une feuille de style CSS non pris en charge dans IE

Dans ce scénario, un chargement dynamique d'une feuille de style CSS est tenté à l'aide de jQuery. Cette technique fonctionne avec succès dans Firefox et Google Chrome, cependant, elle échoue dans IE.

La solution

Dans IE, lorsque tous les styles chargés avec la page ont été traités , la seule méthode fiable pour introduire une feuille de style supplémentaire consiste à utiliser document.createStyleSheet(url). Des informations supplémentaires sur cette approche sont disponibles dans l'article MSDN sur createStyleSheet.

Voici le code révisé intégrant la solution :

url = 'style.css';
if (document.createStyleSheet)
{
    document.createStyleSheet(url);
}
else
{
    $('<link rel="stylesheet" type="text/css" href="' + url + '" />').appendTo('head'); 
}

Cette approche garantit la compatibilité avec IE tout en conservant les fonctionnalités dans les autres navigateurs.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!