欢迎您,零度科技专业海外服务器租用
公司电话: 24小时电话: 

当前位置:首页>网站建设教程>javascript教程

目录导航

解决IE6不支持png的问题,js解决IE6下PNG的问题

台湾游戏服务器 添加于 2010-09-27   ie6 pngjs ie6 pngDD_belatedPN

javascript教程

相信做网页设计的朋友都比较清楚,IE6不支持PNG格式图片透明,这个问题让很多人头痛。现在有一个比较简单方便的方法解决IE6关于PNG图片透明的问题。我们可以使用 DD_belatedPNG,方便的解决这个问题

DD_belatedPNG是一个由JS实现在IE6下解决PNG图片透明的问题,使用方法非常简单下面放一个演示,相信大家一看就会明白怎么使用了。

需要注意的问题是:使用a:hover请留意想要用透明PNG作为a:hover时的背景图片,那么你需要留意你的代码,需要以”a:hover”来作为选择器.否则可能会导致无法成功

使用详解:首先当然得下载 DD_belatedPNG 下载地址:

0.0.8a.js (未压缩版本, 12kb)
0.0.8a-min.js (压缩版, 7kb)

在页面中引入

<!--[if IE 6]>
  <script type=”text/javascript” src=”下载下来的JS路径”></script>
  <script>
    DD_belatedPNG.fix(‘CSS选择器, 应用类型’);
  </script>
<![endif]-->

 引用函数是 DD_belatedPNG.fix() , 括号里分别填写应用PNG的CSS选择器(可使用ID选择器和类选择器)和应用类型(分为img和background两种)。

如DD_belatedPNG.fix(‘#box-one, img’) 或者 DD_belatedPNG.fix(‘.header, background’) 等。

这些可以简写成 DD_belatedPNG.fix(‘#box-one, .header, img,background’);  。

更多选择器的如 DD_belatedPNG.fix(‘#box-one, .header,#footer,.box-two a:hover, img,background’);  等等。

另外,为解决IE6下背景图闪烁,可以在页面中添加如下脚本

<!--[if IE 6]>
<script type=”text/javascript”>
 // <![CDATA[
if((window.navigator.appName.toUpperCase().indexOf("MICROSOFT")>=0)&&(document.execCommand))
 try{
       document.execCommand("BackgroundImageCache", false, true);
     }
    catch(e){}
// ]]>
</script>
<![endif]-->

本文出自零度科技转载请注明出处:http://www.ldisp.com/a/javascript/2010/541.shtml

上一篇:javascript回调函数使用
下一篇:JS 图片左右滚动,图片控制左右滚动

 
了解零度?

零度科技主营全球服务器租用,如果您有服务器租用需求请联系

海外服务器租用

推荐香港、美国、韩国。提供站群服务器、高防服务器租用

海外特价服务器

关注零度特价服务器频道,了解全球特价服务器。

527

业务咨询

    技术服务

      特价活动
        全站搜索
        热门搜索:
        会员
        0通知
        客服
        0特价
        搜索
        TOP
        香港高防服务器,远程桌面,韩国服务器,nginx,反向代理