您的位置:首页 > Web前端 > CSS

CSS-position:fixed兼容IE

2020-03-28 20:13 639 查看

 

一般要固定容器的话,可以直接用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>

转载于:https://www.cnblogs.com/xiaoyangtian/p/7922023.html

  • 点赞
  • 收藏
  • 分享
  • 文章举报
anhu8321 发布了0 篇原创文章 · 获赞 0 · 访问量 179 私信 关注
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: