IE6显示png透明背景、图片的方法
来源:互联网 发布:linux文件系统 挂载 编辑:程序博客网 时间:2024/06/09 21:00
PNG格式比起GIF来表现色彩更丰富,特别是表现渐变以及背景透明的渐变要比GIF格式出色很多,目前,最新的浏览器基本上都支持PNG格式。但是IE6不支持PNG背景透明,会显示一个灰色的框。 解决的办法也是有多种,在这里列出常用的其中一种:
IE6显示透明PNG背景:
使用css滤镜。
CSS Code复制内容到剪贴板
- background-image:none,filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/bg.png
例如:
CSS Code复制内容到剪贴板
- .main{background:url(../images/bg.png) no-repeat; width:960px; _background-image:none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="/images/bg.png");}
值得注意的是,此时div会被遮盖,该div下面的链接将不可点击,可以在main下面的div加上position:relative就可以了。
IE6显示透明PNG图片:
在网页的头部head之间加入下面的javascript代码:
JavaScript Code复制内容到剪贴板
- <!--[if IE 6]>
- <script language="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
- }
- }
- }
- window.attachEvent("onload", correctPNG);
- </script>
- <![endif]-->
- IE6显示png透明背景、图片的方法
- IE6显示png透明背景、图片的方法
- IE6显示png透明背景、图片的方法
- IE6下PNG图片背景透明的处理方法
- 解决IE6下png图片的背景透明方法
- IE6下显示透明的PNG图片
- 关于PNG背景透明图片在IE6中的处理方法
- IE6下PNG透明图片背景显示灰色的完美解决方法
- 解决IE6不能正常使用显示透明背景的.png图片(集)
- IE6下PNG背景透明的显示问题解决方案
- IE6下PNG背景透明的显示问题
- IE6下PNG背景透明的显示问题
- 在IE6中使用背景透明的PNG图片
- png图片ie6下背景透明
- ie6 png 图片背景透明解决方法
- IE6不支持透明背景png图片
- 最好的IE6 png背景透明的方法
- 使IE6下PNG背景透明的七种方法
- 最全的Eclipse快捷键
- 百度搜索引擎优化指南2.0
- android如何编译MTK的模拟器
- Ubuntu12.04密码正确无法登陆
- ios开发学习--音频声效(Audio)效果源码分享--系列教程
- IE6显示png透明背景、图片的方法
- android如何添加AP中要使用的第三方JAR文件
- 我不是征途,我是曾小贤
- 《设计模式》读书笔记之2 — 创建型模式
- android 如何在手机第一次开机的时候,把用户放在外置SD卡上的APK自动安装到手机的存储卡。
- 海参基础知识大全
- android 如何修改对应时区的夏令时、冬令时?
- 《IOS编程》 读后总结
- 图解九种APP商业模式