Verwenden Sie dd_belatedpng, um IE6 zu aktivieren, um PNG transparente Bilder zu unterstützen

Wie wir alle wissen, unterstützt IE6 keine transparenten PNG -Bilder, und PNG -Bilder haben Auswirkungen, die andere Grafikformate hinsichtlich der Ausdruckskraft im Webdesign nicht erreichen können. Der tödliche Fehler von IE6 schränkt die kreative Leistung von Webdesign stark ein.

Obwohl es viele Möglichkeiten gibt, transparente PNG in IE6 zu lösen, von der Verwendung von IE-spezifischen Filtern oder Ausdrücken bis hin zu JavaScript + transparenten GIF-Ersatz. Diese Methoden haben jedoch einen Nachteil, nämlich, dass sie die Hintergrundpositions- und Hintergrund-Repeat-Attribute in CSS nicht unterstützen. Mit dd_belatedpng.js kann das Problem der PNG-Bildtransparenz unter IE6 perfekt lösen und Hintergrundposition und Hintergrundrepeat unterstützt. Dies ist in anderen Methoden nicht verfügbar. Gleichzeitig unterstützt dd_belatedpng auch ein: hover -Attribut und <img>.

Unsere Website hat DD_BelatedPng hinzugefügt, um die Navigation PNG transparente Bilder zu verarbeiten, um das gleiche Erscheinungsbild unter verschiedenen Browsern zu erhalten.

DD_BelatedPng Offizielle Website: Klicken Sie hier, um sie zu besuchen!

1. Laden Sie zuerst die JS -Datei herunter:

Beachten Sie dann den Code in der Seite:

 <! - [iFie6]>
 <scriptType = text/javaScriptsrc = heruntergeladen JS Path> </script>
 <Script>
 Dd_belatedpng.fix ('CSS -Selektor, Anwendungstyp');
 </script>
 <! [endif]->

Die Referenzfunktion ist dd_belatedpng.fix () und der CSS -Selektor (ID -Selektor und Klassenauswahl können verwendet werden) und der Anwendungstyp (in IMG und Hintergrund unterteilt) in Klammern.

Wie dd_belatedpng.fix ('#box-one, img') oder dd_belatedpng.fix ('. Header, Hintergrund') usw.

Diese können als dd_belatedpng.fix ('#Box-One, .header, IMG, Hintergrund') abgekürzt werden; .

Weitere Selektoren wie dd_belatedpng.fix ('#box-one, .header,#footer, .box-two a: hover, img, Hintergrund'); und so weiter.

Um das Hintergrundbild zu lösen, das unter IE6 flackert, können Sie der Seite das folgende Skript hinzufügen:

 <! - [iFie6]>
 <scriptType = text/javaScript>
 // <! [Cdata [
 if ((window.navigator.appname.touppercase (). indexof (microsoft)> = 0) && (document.execcommand))
 versuchen{
 document.execcommand (HintergrundImageCache, false, true);
 }
 fangen (e) {}
 //]]>
 </script>
 <! [endif]->