Comment puis-je faire fonctionner les pseudo-éléments CSS :after et :before dans Internet Explorer 7 ?

Internet Explorer 7 Prise en charge de :after et :before CSS Pseudo Elements

Malgré leur utilisation répandue dans les navigateurs modernes, :after et :avant que les pseudo-éléments CSS ne fonctionnent correctement dans Internet Explorer 7. Cela peut constituer un obstacle important pour les développeurs Web qui s'appuient sur ces éléments. fonctionnalités.

Hacking Solution

Malheureusement, il n'existe aucun hack CSS pur connu pour résoudre ce problème. Cependant, une solution efficace consiste à utiliser IE8.js, une bibliothèque JavaScript qui assure la compatibilité avec différentes versions d'Internet Explorer.

Implémentation avec IE8.js

Pour implémenter IE8.js, incluez la balise de script suivante dans votre document :

<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>

Ce script activer la prise en charge des pseudo-éléments :after et :before dans Internet Explorer 7. Vous pouvez tester sa fonctionnalité sur les liens suivants :

• After : http://ie7-js.googlecode.com/svn/ test/after.html
• Avant : http://ie7-js.googlecode.com/svn/test/before.html

Implémentation conditionnelle

Pour garantir que IE8.js est uniquement chargé dans Internet Explorer 6 et 7, vous pouvez utiliser le conditionnel suivant commentaire :

jQuery Alternative

Si vous utilisez déjà jQuery, vous pouvez tirer parti du pseudo-plugin jQuery pour obtenir des fonctionnalités similaires :

$("element").pseudo();

Ce plugin permet de simuler le comportement des pseudo éléments :after et :before dans Internet Explorer 7.

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!