<![CDATA[Stri's Blog]]> http://www.striblog.com/ 2010-9-7 1:14:12 Blog zh-cn Copyright (C),2009, Stri.PC <![CDATA[专门IE6中png的透明(滤镜方法)]]> http://www.striblog.com/?p=32 专门针对IE6.在页面结构logo的地方加上一段JS:
var isie6 = window.XMLHttpRequest ? false: true;
if (document.getElementsByTagName("h1"))
document.getElementsByTagName('h1')[0].getElementsByTagName('img')[0].src = (isie6) ? 'imageStyle/logo.gif': 'imageStyle/logo.png';

我知道有点欺骗感觉.不过今天在看新浪围脖的html结构时发现这一段
CSS:
.bigName .logo {
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='http://simg.sinajs.cn/miniblog/images/common/logo.png'); _background-image: none; }

html:
<div class="bigName">
<h1 class="logo"><a href="javascript:;" id="id1"></a></div>

.看过之后我才明白IE6下PNG的透明原来是这样的.呼呼.学习哉!
方法也是用JS判断IE的版.如果IE6的话.用CSS中background属性显示logo.当然,如果这个logo还有链接的话.还要对这空的a标签进行block设置,而如果非IE6.那么就在这个a标签里写入一个img(不管你是appendChild还是innerHTML).
例子:


推荐阅读最佳IE6环境下实现PNG-24的应用方案 ]]> http://www.striblog.com/?p=32#comment 739 Sun, 29 Nov 2009 15:02:22 +0800 http://www.striblog.com/?p=32