可恶的IE6,各种阻碍,各种难,中国还是IE6消亡最大的障碍,真实郁闷啊。
/*************************IE6 PNG透明***************************/
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);
}
分享到:
相关推荐
js_IE6支持png透明解决png_ie6下不透明背景图片
NULL 博文链接:https://onestopweb.iteye.com/blog/2208278
解决IE6下PNG不透明的JS代码,只用加到网页里面,就可以,很简单
处理png图片在ie6上不透明问题,文件内包含两种处理png透明都问题可以解决改问题,一种是js处理 另一种是htc文件使用处理
js修复IE不能显示PNG图片透明背景的方法、解决浏览器不兼容的问题
一个javascript代码。如果你的网页中有用到png格式的透明图片,在IE中可能出现不能透明的情况。 在网页代码中加入引用这个脚本就可以解决了。 调用方法:<script src="pngfix.js"></script>
包含了ie6下各种png图片透明的例子:用滤镜方法解决ie6下不透明问题,用pngfix js 的方法解决ie图片不透明,ie6 png透明 htc文件的方法
ie6下png图片问题,背景不透明,直接引用里面的js文件就可以,不过只对img标签管用
IE6下png透明处理脚本(js),包含了三种方式实现IE6下png不透明的问题,经实测通过。
我们时常在使用png图片的时候,在ie6下发生背景不透明的问题,解决的方法实在是太多了,下面给大家介绍下一个js解决的方式,感兴趣的朋友可以了解下的
解决png在IE6下不透明的JS文件.具体的使用说明在附件里面。
2. IE6下图片下方有空隙产生 4 3. ie6下空标签高度问题 4 4. IE6下这两个层中间有间隙 5 5. 当子元素浮动且未知高度时,怎么使父容器适应子元素的高度 5 6. 超链接访问过后hover样式就不出现 5 7.IE6绝对定位元素的1...
cssPNG在IE6浏览器下不透明的解决方法。用JS+CSS吕镜写的
png-8模式的图片,如果没有渐变的话是透明的,如果有渐变就不透明了。需要js的支持。
网站页面使用unitpngfix.js可以在ie6下使png图片透明。但是有时候会出现png背景不透明,显示为灰色的问题。这是因为在页面加载unitpngfix.js后面有其他js。解决方法:将unitpngfix.js加载代码:[removed][removed]移...