IE6的png24支持
本文共 2293 字，大约阅读时间需要 7 分钟。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>IE 6PNG </title> <style type="text/css"> img, div { behavior: url(iepngfix.htc) } body { background-color:#800; } </style> </head> <body> <img name="testImg" src="light.png" /> <div id="d" style="padding:50px;font-size:30px;color:#c90;background: url(light.png)"> <p>修正png显示</p> </div> </div> </body> </html>
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title>IE 6PNG </title> <style type="text/css"> img, div { behavior: url(iepngfix.htc) } body { background-color:#800; } </style> </head> <body> <img name="testImg" src="light.png" /> <div id="d" style="padding:50px;font-size:30px;color:#c90;background: url(light.png)"> <p>修正png显示</p> </div> </div> </body> </html> iepngfix.htc:
< public:component>
< public:attach event= "onpropertychange" onevent= "doFix()" />
<script type= "text/javascript">
// IE5.5+ PNG Alpha Fix v1.0RC4
// (c) 2004-2005 Angus Turnbull [url]http://www.twinhelix.com[/url]
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see: [url]http://creativecommons.org/licenses/LGPL/2.1/[/url]
// This must be a path to a blank image. That's all the configuration you need.
if ( typeof blankImg == 'undefined') var blankImg = 'blank.gif';
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
function filt(s, m)
{
if (filters[f])
{
filters[f].enabled = s ? true : false;
if (s) with (filters[f]) { src = s; sizingMethod = m }
}
else if (s) style.filter = 'progid:'+f+'(src= "'+s+'",sizingMethod= "'+m+'")';
}
function doFix()
{
// Assume IE7 is OK.
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
(event && !/(background|src)/.test(event.propertyName))) return;
var bgImg = currentStyle.backgroundImage || style.backgroundImage;
if (tagName == 'IMG')
{
if ((/\.png$/i).test(src))
{
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
filt(src, 'scale');
src = blankImg;
}
else if (src.indexOf(blankImg) < 0) filt();
}
else if (bgImg && bgImg != 'none')
{
if (bgImg.match(/^url[( "']+(.*\.png)[)"']+$/i))
{
var s = RegExp.$1;
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
style.backgroundImage = 'none';
filt(s, 'crop');
// IE link fix.
for ( var n = 0; n < childNodes.length; n++)
if (childNodes[n].style) childNodes[n].style.position = 'relative';
}
else filt();
}
}
doFix();
</script>
</ public:component>
< public:attach event= "onpropertychange" onevent= "doFix()" />
<script type= "text/javascript">
// IE5.5+ PNG Alpha Fix v1.0RC4
// (c) 2004-2005 Angus Turnbull [url]http://www.twinhelix.com[/url]
// This is licensed under the CC-GNU LGPL, version 2.1 or later.
// For details, see: [url]http://creativecommons.org/licenses/LGPL/2.1/[/url]
// This must be a path to a blank image. That's all the configuration you need.
if ( typeof blankImg == 'undefined') var blankImg = 'blank.gif';
var f = 'DXImageTransform.Microsoft.AlphaImageLoader';
function filt(s, m)
{
if (filters[f])
{
filters[f].enabled = s ? true : false;
if (s) with (filters[f]) { src = s; sizingMethod = m }
}
else if (s) style.filter = 'progid:'+f+'(src= "'+s+'",sizingMethod= "'+m+'")';
}
function doFix()
{
// Assume IE7 is OK.
if (!/MSIE (5\.5|6\.)/.test(navigator.userAgent) ||
(event && !/(background|src)/.test(event.propertyName))) return;
var bgImg = currentStyle.backgroundImage || style.backgroundImage;
if (tagName == 'IMG')
{
if ((/\.png$/i).test(src))
{
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
filt(src, 'scale');
src = blankImg;
}
else if (src.indexOf(blankImg) < 0) filt();
}
else if (bgImg && bgImg != 'none')
{
if (bgImg.match(/^url[( "']+(.*\.png)[)"']+$/i))
{
var s = RegExp.$1;
if (currentStyle.width == 'auto' && currentStyle.height == 'auto')
style.width = offsetWidth + 'px';
style.backgroundImage = 'none';
filt(s, 'crop');
// IE link fix.
for ( var n = 0; n < childNodes.length; n++)
if (childNodes[n].style) childNodes[n].style.position = 'relative';
}
else filt();
}
}
doFix();
</script>
</ public:component>
截图
本文转自 xcf007 51CTO博客，原文链接：http://blog.51cto.com/xcf007/107988，如需转载请自行联系原作者
你可能感兴趣的文章
C#设计模式(1)-单例模式
查看>>
莫比乌斯反演学习记录（最菜的垃圾而浅薄基础的总结）
查看>>
OC--类和对象
查看>>
webgl像机世界
查看>>
微信浏览器打开 点击下载app 无需提示使用浏览器打开--代码分享
查看>>
Go：二分查找
查看>>
北风设计模式课程---外观模式（门面模式）
查看>>
php正则怎么使用（最全最细致）
查看>>
课后作业03-验证课件上的代码，并将所有的动手动脑或要求发表博客作业部分整理成一篇博客...
查看>>
leetcode -- Valid Parentheses
查看>>
C#的常见算法（面试）（转）
查看>>
MVC_学习笔记_2_Authorize
查看>>
pycharm修改hosts文件
查看>>
DSP模块之：EDMA
查看>>
如何做一名好的web安全工程师？
查看>>
百度编辑器UEditor常用设置函数
查看>>
js断点调试
查看>>
有穷自动机构造
查看>>
QQ在线状态的使用
查看>>
001-MySQL基础-MySQL概述
查看>>