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

发布时间:2023-07-01 点击:98
很多网站建设的朋友在处理浏览器兼容性的时候,都遇到了在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


嘉兴网站建设更新频率和网站百度快照之间的关系
网站要怎么制作能让质量升华
合理的网站布局优化将会使你的网站成为“羊群中的骆驼”
嘉兴做网站公司讲述网站SEO优化五步骤
嘉兴企业网怎么样做的网站优化是seo中的大忌
网站制作的成本与功能多少是成正比
百度经验网站首页改版 推荐更多优秀“经验”
关键词优化、关键词排名