Wie kann ich CSS-Pseudoelemente „:after' und „:before' in Internet Explorer 7 verwenden?

CSS-Pseudoelemente :after und :before in Internet Explorer 7: Eine Lösung

Die CSS-Pseudoelemente :after und :before sind unerlässlich zum Hinzufügen von Inhalten und Stil zu Webseiten. Ihre Funktionalität im Internet Explorer 7 (IE7) kann jedoch beeinträchtigt sein.

Problem:

Obwohl diese Pseudoelemente in modernen Browsern und IE8 einwandfrei funktionieren, werden sie nicht unterstützt in IE7, was ein Hindernis für Entwickler darstellt, die versuchen, ein bestimmtes Design in ihrem zu erreichen Anwendungen.

Lösung:

Während reine CSS-Hacks dieses Problem nicht beheben können, bieten externe JavaScript-Bibliotheken eine praktikable Problemumgehung:

1. IE8.js:

Diese Bibliothek emuliert das Verhalten von IE8 in IE7, einschließlich der Unterstützung für CSS-Pseudoelemente. Sie können es mit dem folgenden Snippet in Ihr Projekt einbinden:

<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script>
<![endif]-->

2. jQuery-Pseudo-Plugin:

Wenn Sie jQuery bereits verwenden, erweitert dieses Plugin seine Funktionalität durch Unterstützung für Pseudoelemente in IE7:

http://jquery.lukelutman.com/plugins/pseudo/

Hinweis:

IE8.js ist nur für IE6 und IE7 erforderlich, da andere Browser es ignorieren. Das jQuery-Plugin hingegen ist mit allen Browsern kompatibel.

Das obige ist der detaillierte Inhalt vonWie kann ich CSS-Pseudoelemente „:after' und „:before' in Internet Explorer 7 verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!