// 修复 IE 下 PNG 图片不能透明显示的问题
<script type="text/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>
使用时:先引入上面的JS 然后在使用的地方:
<img src="images/logo.png" alt="http://glhaohao.com/ - 桂林好又好教育咨询有限公司" onload="return correctPNG();" />
分享到:
相关推荐
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
最好的IE6下png透明图片修复代码,支持IE6下,透明png图片的平铺等css控制。内含源码及使用实例。
是一个基于JavaScript,修复Windows Internet Explorer 5.5和6 的开源脚本程序。此修复程序允许IE浏览器正确呈现PNG Alpha透明度。文件大小仅1KB。
解决ie6下png透明的问题想必前端都比较清楚,虽然有很多方法,但是我觉得用JS还是最省事的方法,不管是图片还是背景图片都OK。
NULL 博文链接:https://edison87915.iteye.com/blog/1962011
它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示。 使IE5,IE6兼容到IE7模式(推荐) <!–[if lt IE 7]> ”http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js” type=”text/javascript...
正如标题所言它修复了许多的HTML和CSS问题,并使得透明PNG在IE5、IE6下正确显示,下面为大家介绍下具体针对不同浏览器的调用方法,感兴趣的朋友可以参考下哈
它修复了许多HTML和CSS问题,并使透明PNG在IE5和IE6下正常工作。 状态当前版本:2.1 beta4。 用法IE7.js升级MSIE5.5-6以使其与MSIE7兼容。 IE8.js升级MSIE5.5-7以与MSIE8兼容。 如果您使用的是IE8.js,则无需包含IE...
Fade Out Bottom——是一款在网页底部产生淡入淡出效果的...我觉得这是一个很酷的效果,这项技术利用一个固定的位置分区,使用(底部:0px )具有透明PNG图像和高z - index的值而实现,也有一个适当的修复IE浏览器。
1、修复IE6静止定位的对话框导致页面变长的问题 v2.1.0 1、 增加menuBtn参数, 支持让对话框在指定元素附近弹出(菜单模式) 2、 剔除鸡肋参数'parent',框架相互调用请用javascript原生方法 3、 剔除对话框关闭后...
修正 上传透明png图片变为非透明白色背景问题;修正 触屏端设置登录查看职位联系方式时登录拨号无效;修正 后台修改帐号申诉状态失败;修正 数据清理默认日期无效问题;修正 触屏版定位问题;修正 完善简历送红包未...
它修复了许多 HTML 和 CSS 问题,并使透明 PNG 在 IE5 和 IE6 下正常工作。地位当前版本:2.1 beta4。用法IE7.js 升级 MSIE5.5-6 以兼容 MSIE7。 <!--[if lt IE 7]>[removed][removed]<![endif]-->IE8.js ...
它修复了许多 HTML 和 CSS 问题,并使透明 PNG 在 IE5 和 IE6 下正常工作。地位当前版本:2.1 beta4。用法IE7.js 升级 MSIE5.5-6 以兼容 MSIE7。 <!--[if lt IE 7]>[removed][removed]<![endif]-->IE8.js ...
修复IE6,png图片透明,支持background-position属性和img图片,在html代码中引用 <!--[if IE 6]> <script type="text/javascript" src="png24.js"> DD_belatedPNG.fix('#nav,#img,#title'); <![endif]-->
' 修复 - 图片_取宽度()和图片_取宽度() 相反的问题 ' 修复 - 文件_复制 () 第三个参数设置反的问题 ' 相对于3.0的增加的---------------------- ' 增加 - 网页_取文件大小() 取网络上文件的大小。成功返回文件大小...
它修复了许多 HTML 和 CSS 问题,并使透明 PNG 在 IE5 和 IE6 下正常工作。 地位 当前版本:2.1 beta4。 安装包并将其添加到 bower.json 依赖项 bower install ie9-js --save 用法 IE7.js 升级 MSIE5.5-6 以兼容 ...
它修复了许多 HTML 和 CSS 问题,并使透明 PNG 在 IE5 和 IE6 下正常工作。 #Status 当前版本:2.1 beta4。 #Usage ##IE7.js 升级 MSIE5.5-6 以兼容 MSIE7。 <!--[if lt IE 7]> [removed][removed] <!...
新版本 唯一集成SEO关键字热度...1. 对界面进行了修复,IE6下PNG的透明问题解决 2. 修复了一些BUG。 V1.1.2 to v1.1.6 升级说明 1. 安装包加入了short_open_tag验证 2. 修正了IIS PHP环境下文章列表出错的BUG
摘要:脚本资源,Ajax/JavaScript,Fade,淡入淡出,Js插件 Fade Out Bottom——是一款在网页底部产生淡入淡出效果的JavaScript插件,不管显示...)具有透明PNG图像和高z - index的值而实现,也有一个适当的修复IE浏览器。