兼容IE6下PNG24透明的几种方法
来源:互联网 发布:如何看淘宝搜索关键词 编辑:程序博客网 时间:2024/06/10 23:18
方法一:css(这种方法可以使用在那些png图片不多,且不需要repeat的情况下。)
css:
.pngs24 {width:108px; height:108px; background-image:url(png24.png); _background-image:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='png24.png'); background-repeat:no-repeat}
html:
<div class="pngs24"></div>
方法二:javascript方法(使用起来的确方便,无论多少图片都可以解决,但是依然无法repeat。)
直接调用:
<script language="javascript">
function correctPNG()
{
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>
方法三:iepngfix.htc
iepngfix.htc的使用方法:
1、下载脚本脚本,将其中的iepngfix.htc和blank.gif解压缩到合适的目录内,.htc即Html Components,该文件需要在CSS中被调用;blank.gif是一个1×1像素的透明GIF图片,缺少该文件会使<img>标签插入的PNG图象显示为红色的叉烧包。
2、在iepngfix.htc中修改blank.gif的路径,var blankImg =‘blank.gif的正确路径’,这是惟一一个需要修改的配置。
3、在css中将需要使用透明PNG的元素与.htc文件关联。 例如:*{behavior: url(iepngfix.htc) }
通过以上三步,IE6就能支持透明PNG图片了。注意:请使用IE6测试该代码效果。
0 0
- 兼容IE6下PNG24透明的几种方法
- ie6兼容png24位的方法
- 让PNG24图片在IE6下也能透明的方法
- 让IE6支持png24透明/半透明的方法
- PNG24图片兼容IE6解决办法
- 关于PNG透明,IE6,PNG8,PNG24,PNG32
- 使IE6下PNG背景透明的七种方法
- 使IE6下PNG背景透明的七种方法
- IE6下PNG 背景透明 的七种方法
- PNG24在ie6下的完美解决方法!(DD_belatedPNG)
- 一个简单的ie6和其它浏览器区分以及设置png24的透明
- ie6的兼容方法
- 兼容ie6的背景透明文字不透明
- 解决png24格式图片在ie6中透明问题,
- IE6下使PNG背景图片透明的方法
- IE6下PNG图片背景透明的处理方法
- 使IE6下PNG背景透明的方法
- 解决IE6下Png图片透明的最佳方法
- org.dom4j.DocumentException: no protocol
- 杨辉三角的变形
- Android 4.2 Wifi Display 之 Settings 源码分析(一)
- HTML 5 CSS可以帮你实现圆角
- 程序当中错误的产生、响应及处理
- 兼容IE6下PNG24透明的几种方法
- Android NDK开发入门
- cJSON库介绍及编程实例
- 名博是怎样炼成的
- windows2008 64位下安装 ArcGIS Server9.3.1需要注意的一个问题
- Android进程间通信之Binder机制源码分析
- 全面理解Unity加载和内存管理
- liferay中站点的建立及封装一个Util类用于站点模板的引用
- ffmpeg应用总结