纯CSS定位的固定浮动层代码不闪兼容IE6 8 火狐谷歌代码,Css代码库,德仔网

代码语言

代码分类

【Css】纯CSS定位的固定浮动层代码不闪兼容IE6 8 火狐谷歌

作者:dezai / 发布于2014/6/4/ 722

纯CSS定位的固定浮动层代码不闪兼容IE6 8 火狐谷歌等


	/* IE8 火狐&nbsp; 谷歌等 固定样式 */
	.fixed-bottom
	{
	 position: fixed; bottom: 0px; width: 1100px; left: 50%; margin-left: -550px;
	}

	/* IE6 固定样式 */
	* html,* html body /* 修正IE6振动bug */
	{
	 background-image:url(about:blank); /*用浏览器空白页面作为背景*/
	 background-attachment:fixed; /* prevent screen flash in IE6 确保滚动条滚动时，元素不闪动*/
	}
	* 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));
	}

评论列表

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

试试其它关键字

　固定浮动层　

同语言下

可能有用的

dezai贡献的其它代码(1065)