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

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

Barbara Streisand
Barbara Streisandoriginal
2024-11-29 18:14:14224parcourir

Why Doesn't Dynamic CSS Loading Work in IE, and How Can I Fix It?

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn