跨浏览器的实践:position:fixed 层的固定定位
更新时间：2008年11月16日 01:59:58 作者：
一般要固定某个div,我们都会让该div{position:fixed},它的下一个div{position:absolute}看了几个国外的关于CSS的固定定位跨浏览解决方案.他们却反其道而为之
看示例吧:
<style type="text/css">
body{
margin:0;
padding:30px 0 0 0;
}
div#menu{
position:absolute; top:0;
left:0;
width:100%;
height:30px;
background-color:#ddd;
}
@media screen{
body>div#menu{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
HTML示例:
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
你删除第一行注释看看效果如何?
相关文章
下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则，比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。2008-04-04
转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）
转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）...2007-01-01
比较漂亮的一个导航条的效果DIV+CSS...2007-03-03
鼠标移动到超链接上的效果...2007-02-02
当完成一项前端的工作之后，许多人都会忘记该项目的结构与细节。然而代码并不是马上就能完全定型，在余下的时间里还有不断的维护工作，而这些工作也许不会是你自己完成。所以，结构优良的代码能很大程度上优化它的可维护性。下面列出五种提高CSS文件可维护性的方法，也就是一种较好的CSS样式指南。2008-05-05![css图片切换效果代码[不用js]](//img.jbzj.com/images/xgimg/bcimg5.png)
非常不错的图片切换效果代码，不用css，代码比较精简，推荐使用，注意一下多浏览器的兼容性2008-09-09
通常对于无刷新提交表单，我们都是运用ajax实现的。前段时间了解到另一种无刷新提交表单的方法。现在整理出来分享给大家。2014-05-05
更改图片的间隔：使用Hspace与Vspace。2008-06-06
我们在做表单的情况下，input、textarea、button的样式比较容易定义，select和input file的样式难以定义。2008-11-11
css实现行间距效果...2007-08-08
![css图片切换效果代码[不用js]](http://img.jbzj.com/images/xgimg/bcimg5.png)
最新评论