- 您的当前位置: 网站首页 » 信息讲堂 » 技术文章 » 何如让ie也可正常显示png透明效果?
- ***
何如让ie也可正常显示png透明效果?
png以其高质量的透明效果而受到网页设计师的青睐,但是就是那个让人头疼的ie6不能正常显示png图片,让很多网页设计师放弃了png图片做背景,那么有什么方法可以让ie6也可以正常显示png图片呢?
今天笔者为大家介绍一个绝对有效的方法。
需要一个js文件,下载地址
下载完成之后,在你的html文件内载入这个文件,我的文件名叫:png.js,调用代码如下:
解释一下:<!--[if IE 6]> ,首先判断是否为ie6,如果不是就不需要载入了,如果是ie6的话载入文件,
这句话你是png这个js文件的一个函数,直接调用即可,#main是你需要背景透明的css名称,比如你的html代码是这样的:
同时这个函数可以反复调用的,也就是说如果你的网页内有很多部分需要用到png透明图片,那么你可以多调用几次,只要修改一下css样式的名称即可。
以上就是绝对可用的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透明方法,秦皇岛炎黄科技网络工作室专业提供秦皇岛网站制作,秦皇岛网站建设,等互联网服务。