Wie transparente PNG-Dateien in Internetexplorer 6 zu beheben

July 15

PNG oder Portable Network Graphic ist ein Format für Bilddateien, die eine Farbbitmap und verlustfreie Komprimierung verwendet. PNG wurde teilweise als Antwort auf Probleme mit GIF-Dateien Rendern entwickelt. PNG-Dateien unterstützt 8-Bit-Transparenz-Kanäle teilweise Transparenzen ermöglichen und verblasst. Das Problem mit PNG-Dateien ist, dass ältere Browser wie Internet Explorer 6 und darunter nativen Unterstützung für transparente PNG-Dateien; deshalb eine Korrektur erforderlich, um diese Dateien richtig Rendern können.

Anweisungen

Die CSS-Methode

1 Erstellen Sie ein neues Stylesheet und Titel es IE.css. Editor können für dieses wenn Sie kein Programm, die diese Dateien erstellen verfügen, aber stellen Sie sicher, dass Sie am Ende der ".css" hinzufügen.

2 Laden Sie Ihre ursprünglichen Stylesheet (nicht Ihre neue eins) mit jeweils FTP-Zugang-Methode Sie bevorzugen. Dreamweaver, FileZilla oder einer anderen funktioniert. Stellen Sie sicher, dass Sie das aktuelle Stylesheet haben, von Ihrem Server, nicht von Ihrem lokalen Rechner. Öffnen sie mit Notepad oder Code editing-Software.

3 Markieren Sie jeden Stil oder Element einzeln möchten transparente PNG-Dateien für Verlegenheit, und drücken "Control" und "C" auf Ihrer Tastatur, um sie zu kopieren. Fügen Sie jeden Stil in Ihr neues Css-Dokument einzeln "Control" und "V" auf Ihrer Tastatur drücken.

4 Hinzufügen von HTML und ein Leerzeichen vor jedem Formatvorlagennamen. Zum Beispiel wenn Ihre ursprünglichen Stil ".pngimages" war, wäre "html-.pngimages." es Das Hintergrundbild auf none festgelegt, sofern vorhanden auf dem Original.

5 Fügen Sie folgenden Code zu jedem Stil: filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (aktiviert = True, SizingMethod = Scale, src='YourImageTitle.png'); }

6 Ersetzen Sie "YourImageTitle.png" mit dem Titel der transparente PNG-Datei, die Sie für diesen Stil verwenden. Achten Sie darauf, jeden Stil in die entsprechende Bilddatei ändern.

7 Speichern Sie Ihr Dokument IE.css und laden Sie sie auf Ihrem Server mit Ihrem FTP-Software.

8 Öffnen Sie jede HTML-Seite, die transparente PNG-Dateien enthält, und fügen Sie folgenden Code in Ihre < Head >-Tags: <!--[wenn IE 6] >< link Rel = "Stylesheet" href="IE.css" Type = "Text/Css" / ><! [Endif]-->. Wenn Ihre Website dynamisch ist, können Sie dies nur der Header-Datei hinzufügen.

9 Speichern Sie Ihre HTML oder dynamische Seiten und laden Sie sie auf Ihrem Server mit Ihrem FTP-Zugangssoftware.

Verwenden von SuperSleight

10 Download der SuperSleight-Dateien. Finden Sie im Abschnitt Ressourcen für Informationen.

11 Laden Sie die SuperSleight-Dateien auf Ihrem Server mit Ihrem FTP-Zugangssoftware. Erinnern Sie den Speicherort, die, dem Sie, sie hochladen, wie Sie es für die Implementierung von SuperSleight auf einer bestimmten Seite benötigen.

12 Laden Sie die aktuellsten Versionen der HTML-Dateien, die Sie transparente PNG-Dateien reparieren zu müssen. Wenn Ihre Website dynamisch ist, brauchen Sie nur die Header-Datei. Öffnen Sie diese mit Notepad oder einem anderen Programm, das Bearbeiten von Code ermöglicht.

13 Fügen Sie folgenden Code in jede HTML-Seite oder Ihre dynamische Headerdatei in den < Head >-Tags: <!--[Wenn Lte IE 6] >< Skript-Typ "Text/Javascript" Supersleight-min.js = "keine zusätzliche Pfadinformationen enthalten, wenn Sie nicht es zu Ihrem Stammordner angeben aufladen. Andere Pfadinformationen wäre Ordner, denen Sie in die SuperSleight-Dateien abgelegt.

15 Speichern Sie Ihre Seite oder Seiten und laden Sie sie auf Ihrem Server mit Ihrem FTP-Zugangssoftware.

Tipps & Warnungen

  • Andere JavaScript-Dateien können mit SuperSleight in Konflikt stehen. Testen Sie es auf einem Testserver oder nicht-öffentlichen Website einwandfreien Funktion.