Maison  >  Article  >  interface Web  >  Mise en cache de l'image d'arrière-plan sous la production de pages ie6_HTML/Xhtml_web

Mise en cache de l'image d'arrière-plan sous la production de pages ie6_HTML/Xhtml_web

WBOY
WBOYoriginal
2016-05-16 16:41:191456parcourir

Bug dans l'image de fond CSS scintillante sous IE6 (problème de mise en cache de l'image de fond sous IE6)

L'image d'arrière-plan sous IE6 renverra la requête à chaque fois qu'elle est utilisée (non locale). Même avec un effet de survol, la même image d'arrière-plan est uniquement dans une position différente, et IE6 enverra à nouveau la requête. le problème doit être résolu :
Pour IE, filter:expression est très puissant et peut implémenter de nombreuses fonctions. Cependant, pour les programmeurs qui considèrent l'efficacité comme leur vie, son efficacité n'est pas flatteuse, donc certaines personnes utiliseront les méthodes CSS. pour y parvenir. Mise en cache de l'image de fond sous IE6, mais ce genre de personnes admire simplement la puissance de Microsoft :

Copiez le code
Le code est le suivant :

html {filter:expression(document.execCommand("BackgroundImageCache", false, true));} Bien sûr, l'inconvénient : cela peut ralentir le chargement vitesse de la page entière

La plupart des gens choisiront la méthode js à implémenter :

Copier le code
Le code est le suivant :



Inconvénients : Si Une erreur se produira lors de l'exécution sous des navigateurs tels que Firefox.

Vous devez donc déterminer s'il s'agit d'un navigateur IE. La méthode de détermination fournie par jQuery est la suivante :

Copiez le code
Codez comme suit :



Un moyen plus simple consiste à utiliser les commentaires conditionnels d'IE :

Copiez le code
Le code est le suivant :


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