IE6不支持css position:fixed的解决方法

最新推荐文章于 2021-08-04 08:46:59 发布

zhaoxd126com

最新推荐文章于 2021-08-04 08:46:59 发布

阅读量548

点赞数

本文链接：https://blog.csdn.net/zhaoxd126com/article/details/34844941

版权

IE6中只支持css position:absolute属性，可以用postion:absolute的方法做成position:fixed的效果

基本原理是父元素采用static定位，自身采用absolute定位，设置html的高度100%;overflow:hidden;body的高度100%;overflow:auto

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin:0px; padding:0px}
html{width:100%;height:100%; overflow:hidden;}
#view{ width:100%; border:1px #cc0000 solid; height:100%; overflow:auto; position:static;}
#bdshareside {
   width: 45px;
   height: 200px;
   border: 1px solid #000;
   background-color: #fdfdfd;
   position: absolute;
   top: 240px;
   right: 10px;
   z-index: 1024;
}
</style>
</head>
<body id="view">
   <div style="width:300px; height:1200px; border:1px #cc0000 solid"></div>
   <div id="bdshareside">
   </div>
</body>
</html>