Heim >CMS-Tutorial >DEDECMS >So verwenden Sie DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt

So verwenden Sie DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt

藏色散人
藏色散人Original
2020-01-09 09:31:481838Durchsuche

So verwenden Sie DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt

Wie verwende ich DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt?

Verwenden Sie DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt

Empfohlene Lerninhalte: Dreamweaver cms

Es ist bekannt, dass IE6 keine Unterstützung bietet Transparente PNG-Bilder haben Effekte, die andere Grafikformate nicht erreichen können. Dieser fatale Fehler von IE6 schränkt den kreativen Ausdruck des Webdesigns erheblich ein.

Obwohl es viele Möglichkeiten gibt, das Problem transparenter PNGs in IE6 zu lösen, von der Verwendung IE-spezifischer Filter oder E-Expression bis hin zum Ersetzen von Javascript + transparentem GIF, haben diese Methoden jedoch einen Nachteil unterstützen keine CSS-Attribute „background-position“ und „background-repeat“.

Die Verwendung von DD_belatedPNG.js kann das Problem der PNG-Bildtransparenz unter IE6 perfekt lösen und unterstützt Hintergrundposition und Hintergrundwiederholung. Dies ist in anderen Methoden nicht verfügbar das a:hover-Attribut und a1f02c36ba31691bcfe87b2722de723b.

Unsere Website hat DD_belatedPNG hinzugefügt, um transparente Navigations-PNG-Bilder zu verarbeiten, sodass sie unter verschiedenen Browsern das gleiche Erscheinungsbild behalten.

Verwendung:

Laden Sie zuerst die JS-Datei herunter

http://www.028guzheng.com/793395_16370305896/DD_belatedPNG_0.0.8a.js

und zitieren Sie dann den Code auf der Seite:

<!--[if IE 6]>    
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>  
<script>  
DD_belatedPNG.fix(&#39;css选择器,应用类型&#39;);  
</script>    
<![endif]-->

Die Referenzfunktion ist DD_belatedPNG.fix( ), Klammern Füllen Sie den CSS-Selektor für die Anwendung von PNG (ID-Selektor und Klassenselektor können verwendet werden) und den Anwendungstyp (unterteilt in img und Hintergrund) aus.

Zum Beispiel DD_belatedPNG.fix(‘#box-one, img’) oder DD_belatedPNG.fix(‘.header, background’) usw.

Diese können als DD_belatedPNG.fix(‘#box-one, .header, img,background’) abgekürzt werden.

Weitere Selektoren wie DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’);

Um das Problem des Hintergrundbildflackerns in IE6 zu lösen, können Sie außerdem das folgende Skript zur Seite hinzufügen

<!–-[if IE 6]>  
 <script type=”text/javascript”>  
 // <![CDATA[ 
 if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand)) 
 try{ 
 document.execCommand("BackgroundImageCache", false, true); 
  } 
 catch(e){} 
 // ]]>  
 </script>  
 <![endif]–->

Das obige ist der detaillierte Inhalt vonSo verwenden Sie DD_belatedPNG, damit IE6 transparente PNG-Bilder unterstützt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn