网站运中IE6下PNG背景不透明的解决方法_宝运莱bao10086易得 网站运中IE6下PNG背景不透明的解决方法_宝运莱bao10086易得

网站运中IE6下PNG背景不透明的解决方法


您所在的位置:上海网站运 >宝运莱bao10086 >网站运bao10086 > 发表时间:2017-11-10 09:33:09 文章作者:上海网站bao10086

很多网站运的朋友在处理浏览器兼容性的时候,都遇到了在IE6 下 PNG 背景图片不透明的问题,本文上海网站运就分享下在 IE6 中如何使 PNG 背景图片变为透明

为什么要使用 PNG 图片?

简单来说,使用 PNG 格式比起 GIF 来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多。目前,最新的浏览器基本上都支持PNG格式。唯独有IE6 不支持 PNG 背景透明,在 IE6 中的 PNG 背景图会显示一个灰色的背景。

IE6 中 PNG 背景图片透明的方法

其实方法有很多,但网络上提供的方法也有诸多缺陷。比如不支持 css 中 backgrond-position 与 background-repeat 等,所以百翔网络推荐你使用 DD_belatedPNG,方法如下:

1.首先下载 DD_belatedPNG.js 文件,本文下方有提供下载,将此文件放置到你的网站中的 js 目录下。

2.在你使用了 PNG 背景的页面头部嵌入以下代码,一般是加在 head 区域。

1

需要注意的一些问题:

1.如果你放置的 DD_belatedPNG.js 路径不同的话,也需要更改上述代码中的路径。

2.以上代码中的

DD_belatedPNG.fix('.png_bg');

括号中的 .png_bg 改成你在 CSS 定义了 PNG 背景图片的宝运莱器,多个宝运莱器请用英文逗号隔开,如下行代码所示:

DD_belatedPNG.fix('.png_bg1, .png_bg2');

3.有些朋友可能需要用到透明的 PNG 图片做为鼠标经过时的背景图片,这就需要用到 a:hover 属性,在这种情况下就需要以“a:hover”来做宝运莱器了,你可以参考下面代码的写法:

1


标签:


本文章由上海做网站公司-易得网络原创,如没特殊注明,转载请注明来自://www.woorichip.com/know/568.html


上易得:如何合理的更换空间的操作过程

下易得:如何让做好的网站打开速度更快。

关注列表
© 2013-2016 woorichip.com All Rights Reserved沪ICP备14028045号-2
2020年北爱尔兰欧洲杯最新名单必威官网西汉姆联必威体育网站