另类方法解决IE6不支持fixed

原创于 2013-01-22 10:45:48 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

css 专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在IE6浏览器环境下实现对联广告的CSS解决方案，通过使用特定的CSS属性确保广告在页面滚动时保持固定位置，并解决了IE6下的兼容性问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本来想做一个对联广告，奈何网上的js方案都很晃眼。如果IE6的fixed可以生效的话，就不必要那么麻烦了。这里的广告只需要使用css即可。

/*防止在IE6中抖动*/
html{
	_background:#fff url(about:blank) no-repeat fixed 0 0;
}
/*这个就是对联的div了*/
#leftCouplet {
	position:fixed;
	right:20px;
	top:275px;
	width:100px;
	height:300px;
	z-index:300;
}
/*针对IE6*/
*html #leftCouplet {
	position:absolute;
	bottom:auto;
	top:expression(eval(document.documentElement.scrollTop)+275)
}

虽然很不赞成css中使用表达式，可是要对付彪悍的IE6,只能如此