文档章节

ie6 png透明问题

莎莉翁
 莎莉翁
发布于 2014/10/24 15:19
字数 169
阅读 12
收藏 0
<script type="text/javascript">
function correctPNG()
{
for(var i = 0; i<document.images.length;i++)
 {
 var img = document.images[i]
 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
 i = i-1
 }
 }
}
function alphaBackgrounds(){
 var rslt = navigator.appVersion.match(/MSIE(d+.d+)/,'');
 var itsAllGood = (rslt!=null && Number(rslt[1]) >= 5.5 );
 for(i=0;i<document.all.length; i++)
 {
 var bg = document.all[i].currentStyle.backgroundImage;
 if(bg)
 {
 if(bg.match(/.png/i)!=null){
 var mypng = bg.substring(5,bg.length-2);
 document.all[i].style.filter = 
 "progid:DXImageTransform.Microsoft.AlphaImageLoader(src ='"+mypng+"',sizingMethod='crop')";
 document.all[i].style.backgroundImage = "url('')";
 }
 }
 }
}
if(navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent){
window.attachEvent("onload", correctPNG);
window.attachEvent("onload",alphaBackgrounds);
}
</script>


本文转载自:

莎莉翁
粉丝 0
博文 13
码字总数 5767
作品 0
美国
私信 提问
使用DD_belatedPNG让IE6支持PNG透明图片

众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上,具有其 它图形格式所达不到的效果,IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从...

donny945
2014/02/26
0
0
IE6 png图片实现半透明的方法

IE6中支持PNG半透明图片完美解决方法-divcss5亲測 从IE7及IE7以上版本号都支持PNG半透明格式图片,而只有IE6不支持png格式透明图片,而GIF半透明效果不及png半透明格式图片,由此我们迫不及待...

云栖希望。
2018/01/06
0
0
png 24 ie6下图片背景透明

PNG在IE6下透明的css解决方案(ie下链接失效) ie6并不是不支持png,它支持索引颜色的PNG-8,而是不支持RGB颜色的PNG-24。 ie6里的PNG-24图片做背景主要有以下几个问题: 一、ie6里png背景透...

0000001
2012/03/12
0
0
IE6 png图片实现半透明的方法

IE6中支持PNG半透明图片完美解决方法-divcss5亲測 从IE7及IE7以上版本号都支持PNG半透明格式图片,而只有IE6不支持png格式透明图片,而GIF半透明效果不及png半透明格式图片,由此我们迫不及待...

云栖希望。
2017/12/04
0
0
png-8与png-24的区别

进行psd切图时存储png时出现png8与png24的区别,经过网上搜索发现: 以下部分摘抄于http://blog.sina.com.cn/s/blog9050e71e0100yvtf.html 今天我做了一个图,因为需要透明,所以我存为了PNG...

豆豆4997
2014/06/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

springboot 日志

spring-boot-starter中就提供了对spring-boot-starter-logging的依赖 在spring-boot-starter-logging中可以看到以及集成了slf4j与具体实现logback的默认支持 日志级别 默认情况下,Spring Bo...

少年已不再年少
21分钟前
3
0
UltraEdit使用正则表达式

正则表达式 (UltraEdit Syntax): % 匹配行首 - 表明要搜索的字符串一定在行首. $ 匹配行尾 - 表明要搜索的字符串一定在行尾 ? 匹配除换行符外的任一单个字符. * 匹配任意个数的字符出现任意次...

阿锋zxf
28分钟前
2
0
苹果面向Mac发布英特尔处理器漏洞缓解措施

去年苹果向Safari浏览器推出安全更新以修复基于ARM价格和英特尔的处理器存在的推测执行系列安全漏洞。 不过当时苹果并未发布有关处理器性能下降的测试结果,但大家都知道安装缓解措施会造成处...

linuxCool
28分钟前
4
0
spring cache使用

Spring 3.1 引入了基于注释(annotation)的缓存(cache)技术,它本质上不是一个具体的缓存实现方案(例如 EHCache 或者 OSCache),而是一个对缓存使用的抽象,通过在既有代码中添加少量它...

贾峰uk
43分钟前
3
0
NCRE考试感想 四级嵌入式(上)

权威的官方文件 考试时间:2017年3月 经验写于:2017年5月 万事万物都在变化,四级嵌入式也是如此。所以,该经验仅作为参考,官方的文件才是权威。   考试时间与题目架构 考试时间为90min,...

志成就
45分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部