css 针对ie6 hank 兼容的终极解决办法

<!--[if IE 6]>

/*png透明,背景和img都透明*/
<script src="js/DD_belatedPNG_0.0.8a.js" mce_src="js/DD_belatedPNG_0.0.8a.js"></script>
<script type="text/javascript">
   DD_belatedPNG.fix('.logo1 img,a.cart_d1,.Menubox_bk li,.Menubox_bk li img,.Menubox_bk li.hover');
</script>


<style type="text/css">

/*position:fixed 固定 完美适应*/

/*固定顶部*/
#top{  
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop));
}
/*固定底部*/
#top{  
    _position:absolute;
    _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/*让position:fixed在IE6下可用! */

/* 头部固定 */
.fixed-top{
	position:fixed;bottom:auto;top:0px;
}

/* 底部固定 */
.fixed-bottom{
	position:fixed;bottom:0px;top:auto;
}

/* 左侧固定 */
.fixed-left{
	position:fixed;right:auto;left:0px;
}

/* 右侧固定 */
.fixed-right{
    position:fixed;right:0px;left:auto;
}

/* IE6的主流浏览器通用的方法 */

/* 修正IE6振动bug * /
* html,* html body{
	background-image:url(about:blank);background-attachment:fixed;
}     

/* IE6 头部固定 * /  
* html .fixed-top{
	position:absolute;
    bottom:auto;
    top:expression(eval(document.documentElement.scrollTop));
}

/* IE6 右侧固定 */ 
* html .fixed-right{
	position:absolute;
    right:auto;
    left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));
}

/* IE6 底部固定  */
* html .fixed-bottom{
	position:absolute;
    bottom:auto;
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

/* IE6 左侧固定 */
* html .fixed-left{
	position:absolute;
    right:auto;
    left:expression(eval(document.documentElement.scrollLeft));
}
</style>
<![endif]--> 


附上 DD_belatedPNG_0.0.8a.js 下载地址:http://www.dillerdesign.com/experiment/DD_belatedPNG/DD_belatedPNG_0.0.8a.js

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值