一般要固定容器的话,可以直接用position:fixed,但不兼容IE
要兼容IE,页很简单,不需要JavaScript代码。
!!!------CSS:
<style>
*{margin:0;padding:0;}
#div1{width:100%;height:70px;background:#ccc;position:fixed;right:0;
/*ie6下样式,加下划线表示只针对ie6 的hack */
_position:absolute;/* 把导航栏位置定义为绝对位置 关键*/
_top:expression(documentElement.scrollTop + "px"); /* 把导航栏位置放在浏览器垂直滚动条的顶端 关键 */
z-index:9999; /* 让导航栏浮在网页的高层位置,遇到flash和图片时候也能始终保持最外层 */}
body{height:2000px;}
/**/
</style>
!!!------HTML:
<body>
<div id="div1"></div>
</body>
本文介绍了一种使用CSS实现固定容器的方法,同时确保了在IE浏览器下的兼容性。通过设置特定的CSS属性,如position:fixed和对于IE的hack,可以实现在不同浏览器中的一致表现。
238

被折叠的 条评论
为什么被折叠?



