`
huanyq2008
  • 浏览: 167415 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

IE低版本支持png透明问题

阅读更多
低版本IE支持透明png格式图片的方法。png作为图片插入:在这里下载 pngfix.js ,在页面head加入
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]-->

单页面可以直接加入
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
    var arVersion = navigator.appVersion.split("MSIE")
    var version = parseFloat(arVersion[1])
    if ((version >= 5.5) && (document.body.filters))
    {
       for(var j=0; j<document.images.length; j++)
       {
          var img = document.images[j]
          var imgName = img.src.toUpperCase()
          if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
          {
             var imgID = (img.id) ? "id='" + img.id + "' " : ""
             var imgClass = (img.className) ? "class='" + img.className + "' " : ""
             var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
             var imgStyle = "display:inline-block;" + img.style.cssText
             if (img.align == "left") imgStyle = "float:left;" + imgStyle
             if (img.align == "right") imgStyle = "float:right;" + imgStyle
             if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
             var strNewHTML = "<span " + imgID + imgClass + imgTitle
             + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
             + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
             + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
             img.outerHTML = strNewHTML
             j = j-1
          }
       }
    }   
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->





png图片作为背景:

让ie6支持透明的一种方法:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>让IE支持透明的PNG图片</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#000000;

}
#s{
position:relative;
cursor:move;
width:1280px;
height:800px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='********.png');
}
*>
#s {
background:url("*******.png")
}
/*FIREFOX*/
-->
</style>
</head>

<body>
<div id="s" ></div>
</body>
</html>
要注意的是图片路径要相对于页面,如果这些滤镜样式写在css里,要注意这个问题,还有,一旦用了png做背景以后,以png为背景的元素内,链接a就失去了焦点,这个问题,通过在a的外部增加一个新的盒子,给盒子一个position为相对就可以解决,呵呵,说到底,这些方法都很麻烦,所以图片如果能切成gif透明,就不要用png的透明了
分享到:
评论

相关推荐

    让 IE6 支持 PNG 透明

    让 IE6 支持 PNG 透明 让 IE6 支持 PNG 透明

    IE6不兼容png透明背景解决方法

    IE6不兼容png透明背景解决方法,有效解决IE6下 透明图片浅灰背景的问题

    ie(IE) png 半透明 插件

    内含插件及使用说明 ie(IE)png半透明插件使用微软的VML语言对PNG图片进行重新绘制,以达到半透明的效果,并且能支持background-position和background-repeat属性。

    IE6支持PNG透明图片方法

    IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法IE6支持PNG透明图片方法

    js_IE6支持png透明解决png_ie6下不透明背景图片

    js_IE6支持png透明解决png_ie6下不透明背景图片

    js实习在IE6下png透明效果

    网页设计在制作网站时时常会遇见IE6的PNG图片透明兼容问题,网上也有很多介绍关于IE6浏览器不显示PNG透明图片的解决方案,但多数是有问题的。应用PNG图片的透明或半透明的特性能做出非常漂亮的网页来。Firefox和...

    IE6支持png图片透明度

    DD_belatedPNG.js IE6支持png图片透明度的文件使用方法: DD_belatedPNG.fix("标签ID,标签Class,标签名");

    处理ie6下png格式透明效果

    处理ie6下png格式图片透明的效果,及处理完之后再ie6下碰到的情况及建议。

    IE6 PNG 透明

    我们知道IE6是不支持透明的PNG的,这无疑限制了网页设计的发挥空间. 然而整个互联网上解决这个IE6的透明PNG的方案也是多不胜数,从使用IE特有的滤镜或是e-xpression, 再到javascript透明GIF替代.但是这些方法都有一个...

    IE6支持png图片透明

    IE6下png图片透明背景无法显示出来,提供解决办法

    让IE6支持png半透明图片(支持背景平铺、定位)

    4 如果想使用背景平铺和定位的效果,以前的步骤做完之后,我们还要再引用 iepngfix_tilebg.js 这个js,才能使png图片在ie6中平铺时实现透明效果,像下面这样: &lt;script type="text/javascript" src="iepngfix_...

    IE 6 PNG透明通道

    让IE6支持透明通道的PNG图片,让IE6支持透明通道的PNG图片,

    ie6 png 透明的解决方法

    今天解决png图片在IE6下的背景...--[if lt IE 7]&gt;是为了让IE6以下浏览器执行,其他浏览器不执行,因为IE6以上浏览器都支持png背景透明。 然后在images目录下放置如下三个文件: 点击此处下载ie6 png 透明的解决方法

    js支持ie6 png图片透明

    javascript支持ie6 png图片透明

    IE6PNG透明支持a:hover源码

    一般的JS代码只支持PNG图片的普通属性,但使用A:HOVER的时候背景透明就失效了。下面是支持A:HOVER的方式,IE6PNG透明支持a:hover源码,注意:使用此方法不能和其他PNG的JS一起使用

    最好的IE6下png透明图片修复代码

    最好的IE6下png透明图片修复代码,支持IE6下,透明png图片的平铺等css控制。内含源码及使用实例。

    ie6下png图片透明解决方案(共2套)最新版

    1.“ie6-png-2(filter)”文件中,滤镜控制调用背景透明和js控制插入图片透明不能同时出现,这样在不同浏览器下会有问题,可以分开使用; 2.“ie6-png-1(js)”文件中整理了一下更简单调用的方法,没有使用滤镜,经...

    IE下png透明插件

    javascript开发的插件,让所有浏览器都支持png透明,解决了图片在下绿色底的烦恼,要写父容器。

    ie6支持png透明,支持hover和背景偏移和事件

    支持事件里头用className修改样式来达到透明的方法是我加进去的。其他的在ie6里还支持hover,backgroundPosition 其他的是参考Drew Diller大师写的DD_belatedPNG的源码。 版权所有,翻版必究,我也不负责任,只负责...

Global site tag (gtag.js) - Google Analytics