码迷,mamicode.com
首页 > Web开发 > 详细

CSS-position:fixed兼容IE

时间:2017-11-29 19:40:04      阅读:214      评论:0      收藏:0      [点我收藏+]

标签:document   express   固定   fixed   pad   style   body   add   html   

 

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

标签:document   express   固定   fixed   pad   style   body   add   html   

原文地址:http://www.cnblogs.com/xiaoyangtian/p/7922023.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!