Lassen Sie IE6, IE7, IE8 CSS3-abgerundete Ecken und Schattenstile unterstützen

Ich möchte eine Seite mit CSS3-abgerundeten Ecken und Schatteneffekten erstellen, aber der Internet Explorer unterstützt dies nicht. Ich habe gehört, dass es Plug-Ins gibt, mit denen dies möglich ist. Am Samstag habe ich im Internet eine Methode gefunden. Der Originaltext lautet wie folgt:
Alle Front-End-Ingenieure wissen, dass IE6, IE7 und IE8 CSS3-Eigenschaften nicht oder nicht vollständig unterstützen.
CSS3 verfügt über viele leistungsstarke und schöne Effekte, wie abgerundete Ecken, Schatten, Transparenz mit Farbverlauf, Hintergrund mit Farbverlauf und so weiter.
Denn in der IE6-Ära gab es keine Standards und IE6-Benutzer aktualisierten ihre IE-Versionen aus verschiedenen Gründen kaum.
Eine Möglichkeit, IE6, IE7 und IE8 dazu zu bringen, CSS3-Effekte zu unterstützen, ist die Verwendung der VML-Simulation.
VML steht für Vector Markup Language, wurde ursprünglich von Microsoft selbst entwickelt und ist sehr leistungsfähig.
Mit anderen Worten: VML kann verwendet werden, um unter IE abgerundete Ecken zu erstellen. Transluzenz, Schatten, Hintergründe mit Farbverlauf.
Bereits im letzten Jahr haben einige Ausländer diese Idee in ein Plug-In geschrieben, um Front-End-Programmierern die Entwicklung zu erleichtern. . .
Dadurch können IE6, IE7 und IE8 CSS3-Spezialeffekte unterstützen ...
Im vorherigen Fehler gab es immer einen schwerwiegenden Fehler. Als ich es heute überprüfte, wurde dieser Fehler offiziell behoben und eine js-Rendering-Methode hinzugefügt (zuvor wurde sie mithilfe von Verhalten importiert).
 
So rufen Sie an:
1. Laden Sie das PIE.js-Skript auf Ihre Webseite.
Beachten Sie, dass IE-spezifische Kommentare verwendet werden, um das Herunterladen durch Nicht-IE-Browser zu verhindern.
 Code kopieren
 Der Code lautet wie folgt:
 <!--[wenn IE 10]>
<script type="text/javascript" src="PIE.js"></script>
<![endif]-->
 
2. Aufruf mit js:
$(Funktion() {
    wenn (Fenster.PIE) {
        $('.gerundet').jeder(Funktion() {
            PIE.attach(dies);
        });
    }
});
 3. Es ist erledigt.
Von allen Plug-Ins, die es IE6 ermöglichen, CSS3 zu unterstützen, ist dieses wahrscheinlich das beste.
 
Offizielles Echtzeit-Testbeispiel: http://css3pie.com/
Offizieller Download: http://css3pie.com/download-latest
 
Ich habe es lange getestet, aber es hat nicht funktioniert. Ich war zu unvorsichtig und habe zwei Punkte übersehen. Erstens war die lokale Vorschau ungültig und musste in die Serverumgebung bzw. die lokale Serverumgebung übertragen werden. Zweitens habe ich vergessen, behavior: url(pie.htc); im CSS hinzuzufügen. Heute habe ich es endlich getestet, aber es ist ein neues Problem aufgetreten. Ich habe die adaptive Breite verwendet und nach dem Hinzufügen erschien eine horizontale Bildlaufleiste. Ich habe sie einfach entfernt und in anderen Situationen war sie normal. Sie schien auch keine Auswirkungen auf Textschatten zu haben. Ich frage mich, ob Sie auf ein solches Problem gestoßen sind. Wenn Sie es verwenden möchten, können Sie es ausprobieren.