欢迎进入广州凡科互联网科技有限公司网站
全国服务热线
4000-399-000
IE6中 PNG 情况全透明的最好处理计划方案
时间: 2021-02-13 03:51 浏览次数:
许多建立网站的朋友在解决访问器适配性的情况下,都碰到了在IE6 下 PNG 情况照片不全透明的难题,文中西安市网站建设就共享下在 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 地区。

 !--[if IE 6] 
 script src= js/DD_belatedPNG.js mce_src= DD_belatedPNG.js /script 
 script type= text/javascript 
 /* EXAMPLE */ 
 DD_belatedPNG.fix('.png_bg'); 
/* 将 .png_bg 改为你运用了全透明PNG的CSS挑选器,比如我事例中的'.trans'*/ 
 /script 
 ![endif]-- 
必须留意的一些难题:

1.假如你置放的 DD_belatedPNG.js 相对路径不一样得话,也必须变更所述编码中的相对路径。

2.之上编码中的


括弧中的 .png_bg 改为你一直在 CSS 界定了 PNG 情况照片的挑选器,好几个挑选器请用英语分号分隔,以下行编码所显示:


3.一些朋友将会必须采用全透明的 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('.trans,.box a:hover'); 
 /script 
 ![endif]-- 

根据之上两步就完成了 IE6 中 PNG 情况照片全透明的实际效果,在应用全过程中有哪些难题给百翔西安市SEO留言板留言哈。

下一篇:没有了


Copyright © 广州凡科互联网科技有限公司 版权所有 粤ICP备10235580号
全国服务电话:4000-399-000   传真:021-45545458
公司地址:广州市海珠区工业大道北67号凤凰创意园