解决IE6 PNG透明及PNG透明背景(VML语言)

原创于 2012-03-02 15:49:06 发布 · 154 阅读

0 ·

CC 4.0 BY-SA版权

javascript 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了如何使用DD_belatedPNG插件解决浏览器不支持PNG透明背景的问题，提供了详细的下载、引用及使用方法，并强调了在HTML头部引用插件的重要性，包括指定CSS选择器以确保兼容性。

这个js插件使用了微软的VML语言进行绘制,而其他多数解决PNG问题的js插件用的是AlphaImageLoader滤镜.

使用方法

1.首先在这里下载DD_belatedPNG。(原文: http://dillerdesign.com/experiment/DD_belatedPNG/#download )
2.在html头部引用,如下:

<!--[if IE 6]>
<script src="js/DD_belatedPNG.js"></script>
<script>
  /* EXAMPLE */
  DD_belatedPNG.fix('.png_bg');
  
  /* string argument can be any CSS selector */
  /* .png_bg example is unnecessary */
  /* change it to what suits you! */
</script>
<![endif]-->

注意这里 DD_belatedPNG.fix(’.png_bg’); 括号里面指定css选择器，多个选择器要用“,”(没有引号，逗号是英文逗号)隔开，可以是 .someselector 或者是 #someselector，如果你觉得这样指定选择器太麻烦，可以使用通配符 * 即把 (’.png_bg’) 写成 (’*') 即可。