• 欢迎访问秦皇岛网络公司-炎黄科技 | QHDSUDU.COM
  • 今天是:2024 年 05 月 09 日 网站已经正常运行 [7249] 天
信息讲堂

何如让ie也可正常显示png透明效果?

字号:     2011-09-22 09:56:55   来源:炎黄科技   上一条    下一条
    png以其高质量的透明效果而受到网页设计师的青睐,但是就是那个让人头疼的ie6不能正常显示png图片,让很多网页设计师放弃了png图片做背景,那么有什么方法可以让ie6也可以正常显示png图片呢?
今天笔者为大家介绍一个绝对有效的方法。

需要一个js文件,下载地址

下载完成之后,在你的html文件内载入这个文件,我的文件名叫:png.js,调用代码如下:

<!--[if IE 6]>   
<script src="{$base}js/png.js" mce_src="./js/png.js"></script>   
<script type="text/javascript">  
   
/* EXAMPLE */   
DD_belatedPNG.fix(#main);   
/* 将 .png_bg 改成你应用了透明PNG的CSS选择器,例如我例子中的.trans*/   
</script> 
<![endif]-->

解释一下:<!--[if IE 6]>   ,首先判断是否为ie6,如果不是就不需要载入了,如果是ie6的话载入文件,
<script src="{$base}js/png.js" mce_src="./js/png.js"></script> 
紧接着是重点了,DD_belatedPNG.fix(#main);   
这句话你是png这个js文件的一个函数,直接调用即可,#main是你需要背景透明的css名称,比如你的html代码是这样的:
<div class="all">
    <div class="bg"></div>
</div>
如果你想让bg这个div内部的背景透明,那么就应该这样写:DD_belatedPNG.fix(.bg);   

同时这个函数可以反复调用的,也就是说如果你的网页内有很多部分需要用到png透明图片,那么你可以多调用几次,只要修改一下css样式的名称即可。

以上就是绝对可用的png透明方法,秦皇岛炎黄科技网络工作室专业提供秦皇岛网站制作秦皇岛网站建设,等互联网服务。
秦皇岛网络公司联系电话
致电 137 859 36100
7×24小时服务热线
秦皇岛网络公司工作时间
在线咨询
每工作日 9:00-17:30
点击进入>
预约秦皇岛网站制作专家
预约专家
为您提供一对一解决方案
点击进入>
秦皇岛网络公司的地图位置
地图位置
在地图上看我们的位置
点击进入>
秦皇岛网络公司官方微博
访问官方微博
唯一官方微博平台
点击进入>
版权所有 ? 2010-2011 秦皇岛网络公司 秦皇岛网站制作
Copyright ? 2010-2011 Qhdsudu.com All Rights Reserved 冀ICP备13009153号-13
联系电话:13785936100  电子邮箱:1514969798@qq.com
微信沟通 QQ客服
扫描二维码添加客服微信