主页 > 知识库 > 跨浏览器的实践:position:fixed 层的固定定位

跨浏览器的实践:position:fixed 层的固定定位

热门标签:检查注册表项 服务器配置 呼叫中心市场需求 智能手机 美图手机 网站文章发布 银行业务 铁路电话系统

看示例吧:
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需再刷新一下页面才能执行]

你删除第一行注释看看效果如何?

您可能感兴趣的文章:
  • 使用CSS样式position:fixed水平滚动的方法
  • javascript ie6兼容position:fixed实现思路
  • IE6支持position:fixed完美解决方法
  • ie6,ie7,ie8完美支持position:fixed的终极解决方案

标签:红河 乐山 河南 沈阳 长治 沧州 新疆 上海

巨人网络通讯声明:本文标题《跨浏览器的实践:position:fixed 层的固定定位》,本文关键词  ;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 收缩
    • 微信客服
    • 微信二维码
    • 电话咨询

    • 400-1100-266