万恶的IE6！求前端高手解决PNG透明问题。。。@夜总球带

yc260982 · 发表于 2012-7-9 23:23:44

IE6 PNG24

<head>

</head>
png.js 已发

Mr.Ra1n · 发表于 2012-7-9 21:11:32

本帖最后由 Mr.Ra1n 于 2012-7-9 21:54 编辑

网上找了几个JS，实测都不行。。。。
这个项目是企业项目，不支持IE6估计很难收到尾款。。。
所以，虽然我本身也非常恨IE6，但是毛得办法。。。
用了以下JS，但是图片高度获取的不对。。。

<script language="javascript">
// 修复 IE 下 PNG 图片不能透明显示的问题
function fixPNG(myImage) {
var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);
if ((version >= 5.5) && (version < 7) && (document.body.filters))
{
var imgID = (myImage.id) ? "id='" + myImage.id + "' " : "";
var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : "";
var imgTitle = (myImage.title) ? "title='" + myImage.title + "' " : "title='" + myImage.alt + "' ";
var imgStyle = "display:inline-block;" + myImage.style.cssText;
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style="" + "width:" + myImage.width
+ "px; height:" + myImage.height
+ "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + myImage.src + "\', sizingMethod='scale');"></span>";
myImage.outerHTML = strNewHTML;
} }
window.onload=function(){
document.getElementById("top").style.height=screen.height/5+"px";
}//
</script>
用法如下：
<img src="logo.png" width="328" height="325" border="0" onload="fixPNG(this)" />

复制代码

pcder · 发表于 2012-7-9 21:13:59

css hack ，IE6的透明PNG都用gif替换

秋随枫舞 · 发表于 2012-7-9 21:17:43

定义一个样式，别用js 试试

Mr.Ra1n · 发表于 2012-7-9 21:18:29

秋随枫舞发表于 2012-7-9 21:17
定义一个样式，别用js 试试

HOW？

Mr.Ra1n · 发表于 2012-7-9 21:19:01

pcder 发表于 2012-7-9 21:13
css hack ，IE6的透明PNG都用gif替换

这样页面不会很卡么。。。

Mr.Ra1n · 发表于 2012-7-9 21:23:05

有种方法可以解决插入的PNG透明问题，但是高度被拉变形了。。

秋随枫舞 · 发表于 2012-7-9 21:25:33

Mr.Ra1n 发表于 2012-7-9 21:18
HOW？

忘了……我原来见过一次
不过最简单的办法是，把png改成8位的输出色位

pcder · 发表于 2012-7-9 21:35:47

Mr.Ra1n 发表于 2012-7-9 21:19
这样页面不会很卡么。。。

又没有用JS，怎么会卡啊，在CSS属性前面加上_就是只有IE6认识了，比如：
正常的CSS定义背景， background: url(../bk.png);
然后再在下面添加一行 _background: url(../bk.gif); 就可以了

Mr.Ra1n · 发表于 2012-7-9 21:42:21

pcder 发表于 2012-7-9 21:35
又没有用JS，怎么会卡啊，在CSS属性前面加上_就是只有IE6认识了，比如：
正常的CSS定义背景， background ...

效果不好。。。

		自动登录	找回密码
密码			注册

[Windows VPS] 万恶的IE6！求前端高手解决PNG透明问题。。。@夜总球带

相关帖子

浏览过的版块

[Windows VPS] 万恶的IE6！求前端高手解决PNG透明问题。。。@夜总 球带

相关帖子

浏览过的版块

[Windows VPS] 万恶的IE6！求前端高手解决PNG透明问题。。。@夜总球带