Da ich über einige Kenntnisse in der Webseitenerstellung verfüge, habe ich vor langer Zeit gehört, dass durchscheinende PNG-Dateien unter IE6 Anzeigeprobleme haben werden, aber da ich noch nie eine eigene Website hatte, bin ich noch nie wirklich darauf gestoßen.
Ich habe Anfang dieses Jahres mit dem Aufbau meiner eigenen Website begonnen. Ich habe ein PNG-Bild mit einem transparenten Teil verwendet, um das Logo der Website zu erstellen. Ich dachte, es sei alt genug und es bestehe keine Notwendigkeit, IE6 in Betracht zu ziehen. Als ich eines Tages von der Arbeit zurückkam und das Google Analytics-Backend öffnete, stellte ich fest, dass IE6-Besuche tatsächlich 40 % aller Besuche ausmachten. Ich war schockiert und lud schnell die grüne Version von IE6 aus dem Internet herunter, um meine Website zu testen Wie erwartet war das Logo völlig undurchsichtig.
Deshalb habe ich die ganze Nacht online nach Lösungen gesucht. Im Allgemeinen sind die Online-Methoden relativ kompliziert, einschließlich CSS-Filter, JS, GIF-Ersetzung usw. Aber ich hatte immer das Gefühl, dass es nicht schön genug war. Nach einer Nacht des Suchens fand ich schließlich eine Methode, die nur zwei Sätze JS-Code erforderte, um das Problem reibungslos zu lösen. Lassen Sie es uns als nächstes mit Ihnen teilen
Laden Sie zunächst iepng.js von meiner Website herunter
http: //www.*** .com/templates/default/js/iepng.js
Wenn die Element-ID Ihrer Website, die ein halbtransparentes PNG als Hintergrund verwendet, ein Logo ist, fügen Sie Folgendes zwischen <head></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 zum Schluss erklären: Wenn Sie ein transparentes PNG als Hintergrund für die Div-ID foo verwenden, sollte es wie folgt geschrieben werden:
| EvPNG.fix('#foo'); |
Wenn Sie ein transparentes PNG als Hintergrund einer Div-Klasse von Balken verwenden, sollte es wie folgt geschrieben werden:
| EvPNG.fix('.bar"); |
Die Syntax ist die gleiche wie bei CSS. Ich hoffe, dass ich weiterhin Fähigkeiten zum Erstellen von Websites mit Ihnen austauschen kann.
Dieser Artikel wurde ursprünglich von Wang Zai, dem Webmaster von Tianniu.com (www.hers99.com), erstellt. Bitte geben Sie beim Nachdruck die Quelle an.
Vielen Dank, Wangzi, für deinen Beitrag