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

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

热门标签:常州电话外呼系统招商 智能语音电销机器人客户端 申请400电话移动 洛阳防封卡外呼系统厂家 山东电销机器人软件 上海400电话办理到易号网 成都企业外呼系统 广州防封电销机器人厂家 南通电销外呼系统软件

看示例吧:
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 层的固定定位》,本文关键词  跨,浏览器,的,实践,position,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《跨浏览器的实践:position:fixed 层的固定定位》相关的同类信息!
  • 本页收集关于跨浏览器的实践:position:fixed 层的固定定位的相关信息资讯供网民参考!
  • 推荐文章