IE6下Png全透明最好处理计划方案DD

2021-01-20 10:51 jianzhan

这个难题以前困扰我好久好久……以前1度的选用滤镜的方式搞定这个难题,可是这类方式有个缺点。便是当有好几个png照片的情况下,这就导致了css的工作压力,得写是多少css编码呀。也尝试过js,可是这些方式都有1个缺陷,便是不适用CSS中backgrond-position与background-repeat.是不是有1种方式能处理全站的ie6下png全透明难题呢。

搜遍谷歌,发现了1个最完善的处理计划方案:DD_belatedPNG(点解联接 查询官方).

基本原理

这个js软件应用了微软的VML語言开展绘图,而别的大部分处理PNG难题的js软件用的是AlphaImageLoader滤镜.

应用方式

1.点一下这里免费下载 DD_belatedPNG.js

2.在网页页面中引入,以下:

拷贝编码
编码以下:

<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script> _fcksavedurl=""DD_belatedPNG.js"></script>"
<script>
/* EXAMPLE */
DD_belatedPNG.fix('.png_bg');
/* 将 .png_bg 改为你运用了全透明PNG的CSS挑选器 */
</script>
<![endif]-->

应用a:hover请注意

要想用全透明PNG做为a:hover时的情况照片,,必须以”a:hover”来做为挑选器

例:

拷贝编码
编码以下:

<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG.js" ></script>
<script type="text/javascript"> DD_belatedPNG.fix('.png_bg,.box a:hover');
</script>
<![endif]-->