Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > 解决IE6的PNG透明JS插件使用介绍_javascript技巧

解决IE6的PNG透明JS插件使用介绍_javascript技巧

WBOY
Freigeben： 2016-05-16 17:36:28
Original
1276 Leute haben es durchsucht

IE6的PNG透明是个老问题了，最近有朋友问我有没有最好的解决这个问题的插件。虽然知道且在用DD_belatedPNG这个插件，今天抽空把这个发上来。

虽然之前在博客里发过一款jquery的png插件，但是不支持背景平铺。
DD_belatedPNG使用了微软的VML语言对PNG图片进行重新绘制，以达到半透明的效果，并且能支持background-position和background-repeat属性，支持伪类。是一款不错的值得推荐的插件，用法也比较简单。

使用方法：

复制代码 代码如下:



引用函数是DD_belatedPNG.fix()，括号里的 .png_bg 改成你的css选择器名称。
ID选择器例子：
复制代码 代码如下:

DD_belatedPNG.fix('#png');

伪类例子：
复制代码 代码如下:

DD_belatedPNG.fix('.png a:hover,.png a:focus');

img标签例子：
复制代码 代码如下:

DD_belatedPNG.fix('img');

如果是多个直接加逗号（英文下的）就行。例如：
复制代码 代码如下:

DD_belatedPNG.fix('.png_bg,#png,.png a:hover,.png a:focus,img');

使用方法：
复制代码 代码如下:



括号里的是样式选择器，中间用逗号隔开
JS文件下载地址：
0.0.8a-min.js (压缩版)

Verwandte Etiketten：
ie6 png 背景透明
Quelle：php.cn
Vorheriger Artikel：中文字符串截取的js函数代码_javascript技巧 Nächster Artikel：防止xss和sql注入:JS特殊字符过滤正则_javascript技巧
Erklärung dieser Website
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
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
3
2278
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
11
2412
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
2028
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1916
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1986
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage