Da ich eine Webseitenproduktionstechnologie kenne, habe ich vor langer Zeit gehört, dass durchscheinende PNG -Dateien Probleme haben werden, unter IE6 anzuzeigen, aber da ich sie nie wirklich begegnet bin, habe ich sie nie begegnet.
Anfang dieses Jahres habe ich angefangen, meine eigene Website zu erstellen. Ich habe ein PNG -Bild mit einem transparenten Teil verwendet, um das Website -Logo zu machen. Eines Tages, als ich von der Arbeit zurückkam und das Google Analytics -Backend eröffnete, stellte ich fest, dass die Besuche von IE6 tatsächlich 40% der Gesamtsumme ausmachten und schnell aus der grünen Version von IE6 aus dem Internet stieg, um meine eigenen zu testen, um meine eigenen zu testen, um meine eigenen zu testen, um meine eigenen zu testen Website.
Daher habe ich über Nacht nach Lösungen gesucht. Aber ich habe immer das Gefühl, dass es nicht schön genug ist. Als nächstes teilen Sie mit Ihnen
Laden Sie zuerst Iepng.js von meiner Website herunter
http: // www
Wenn Ihre Website Translucent PNG als Hintergrundelement -ID als Logo verwendet, fügen Sie sie zwischen <kopf> </head> hinzu:
| <!-für IE6 PNG Fix-> <script type = "text/javaScript" src = "templates/js/iepng.js"> </script> <script type = text/javaScript> evpng.fix ('#logo'); </script> |
Lassen Sie mich schließlich erklären, dass es geschrieben werden sollte, wenn Sie transparente PNG als Hintergrund -Div -ID als Foo verwenden, als:
| Evpng.fix ('#foo'); |
Wenn Sie transparente PNG als Hintergrund -Div -Klasse als Balken verwenden, sollten Sie es schreiben wie:
| Evpng.fix ('. Bar "); |
Die Syntax ist die gleiche wie CSS, OK, ich hoffe, dass ich weiterhin die Fähigkeiten der Website -Erstellung mit Ihnen austauschen kann.