3 solutions pour un fonctionnement normal des sites Web HTML5+CSS3 avec des versions inférieures d'IE_Experience Exchange

Si nous suivons les normes minimales lors du développement, par exemple, si nous n'utilisons pas toutes les fonctionnalités que IE6 ne prend pas en charge, alors il n'est pas nécessaire d'écrire cet article mais je pense que cette situation est très rare, et ; davantage de développement est effectué dans les navigateurs modernes. Utilisez les fonctionnalités qu'ils prennent en charge et effectuez un traitement de rétrogradation sur les premiers navigateurs. Il s'agit de ce qu'on appelle « l'amélioration progressive », qui est également le sujet de cet article. Grâce à la méthode suivante, j’espère que le site Web pourra miraculeusement mieux fonctionner sur les versions inférieures des navigateurs IE !
htmlshiv.js
Le HTML5shiv de Remy utilise JavaScript pour créer des éléments HTML5 (tels que principal, en-tête, pied de page, etc.). Les éléments créés via JavaScript peuvent être stylisés dans une certaine mesure. Nous pourrions passer beaucoup de temps à réfléchir à la façon dont cela fonctionne, mais peu importe, cette stratégie est toujours indispensable sur tous les sites Web de produits.

Copier le code Le code est le suivant :

sélectivité. js
Selectivizr.js est une ressource incroyable pour remplir des sélecteurs et des propriétés CSS non pris en charge, y compris l'important dernier enfant. Dans une refonte récente, j'ai intégré selectivizr et je n'ai manqué aucun détail sur les anciens navigateurs IE. Voici mon code d'implémentation :

Copier le code Le code est le suivant :

"fr">

La méthode ci-dessus est appliquée au CSS pour écrire quelques différences de style pour chaque version d'IE. Déterminez d’abord quelle version d’IE l’utilisateur utilise, puis ajoutez la classe de cette version à l’étiquette, ce qui peut faciliter le piratage.

Ensuite on peut écrire comme ceci dans le fichier css :

Copiez le code Le code est le suivant :

.ie6 xxx {};
.ie7 xxx {};

Il s'agit de la méthode la plus efficace actuellement envisagée par l'éditeur. Cette méthode ne nécessite ni n'attend JavaScript, et. ne nécessite pas de bibliothèque JavaScript lourde. La classe de styles que vous définissez prend effet immédiatement et il n'y a pas encore d'écran de démarrage.

Bien que le navigateur IE rattrape ses concurrents, la nouvelle version d'IE comporte également de très gros changements, et nous espérons utiliser le nouvel IE pour remodeler l'expérience réseau. Mais l’ancienne version d’IE reste relativement populaire dans le pays. La bonne nouvelle est que ces ressources fonctionnent bien sur tous les navigateurs modernes et ne coûtent pas cher !