修正IE6不支持position:fixed的bug代码,Css代码库,德仔网

代码语言

代码分类

【Css】修正IE6不支持position:fixed的bug

作者:Dezai.CN / 发布于2013/10/22/ 556


	<style type="text/css">
	/*让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的主流浏览器通用的方法 */
	* html, * html body /* 修正IE6振动bug */ {
	 background-image:url(about:blank);
	 background-attachment:fixed;
	}
	* html .fixed-top /* IE6 头部固定 */ {
	 position:absolute;
	 bottom:auto;
	 top:expression(eval(document.documentElement.scrollTop));
	}
	* html .fixed-right /* IE6 右侧固定 */ {
	 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));
	}
	* html .fixed-bottom /* IE6 底部固定 */ {
	 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)));
	}
	* html .fixed-left /* IE6 左侧固定 */ {
	 position:absolute;
	 right:auto;
	 left:expression(eval(document.documentElement.scrollLeft));
	}
	</style>

	备注：expression要尽量少用，甚至不用

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　position:fixed　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)