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

很多网站建设的朋友在处理浏览器兼容性的时候，都遇到了在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.如果你放置的 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”来做选择器了，你可以参考下面代码的写法：

新闻标题：网站建设中IE6下PNG背景不透明的解决方法
本文来源：https://www.cdcxhl.com/news27/81977.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站建设等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联