» 2009-11-29 15:02:22 已被归档于 Html/Css
前几天在做一个项目时.原来的logo是png格式,body的背景是水平平铺的渐变效果.在IE6中.logo处在土灰色中.因为IE6中不支持它.当时的做法.再做了一个gif的(gif效果质量有点不好)
专门针对IE6.在页面结构logo的地方加上一段JS:
我知道有点欺骗感觉.不过今天在看新浪围脖的html结构时发现这一段
CSS:
html:
.看过之后我才明白IE6下PNG的透明原来是这样的.呼呼.学习哉!
方法也是用JS判断IE的版.如果IE6的话.用CSS中background属性显示logo.当然,如果这个logo还有链接的话.还要对这空的a标签进行block设置,而如果非IE6.那么就在这个a标签里写入一个img(不管你是appendChild还是innerHTML).
例子:
推荐阅读最佳IE6环境下实现PNG-24的应用方案
专门针对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的应用方案