怎样制作不随页面滚动的层？

该网页的做法，代码抽出后如下：<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>aaaa</title><style>body {
overflow: hidden;
padding: 0;
margin: 0;
}#wrap_outer {
padding: 0px 30px 30px 30px;
}div#wrap_outer {
  width: 100%;
  height: 100%;
  overflow: auto;
  }#glideDiv0 
{ 
position: absolute; 
top: expression(offsetParent.scrollTop + 120); 
left:0;
z-index:200; 
width:28px;
background-color:#E6EEE7;
} #glideDiv0 img,
{ 
clear: both;
margin: 0px 1px 2px 0;
border: none;
}#glideDiv0 a { 
border: none;
}</style>
</head><body>
<div id="wrap_outer">
<!-- layers that slide go here. 
 Be sure to include id for each layer in style sheet in head -->
<div id="glideDiv0">         
<a href="a"><img src="a.gif" title="a" width="24" height="24" align="right"></a>
<a href="a"><img src="a.gif" title="a" width="24" height="24" align="right"></a>
<a href="a"><img src="a.gif" title="a" width="24" height="24" align="right"></a>
<img src="a.gif" title="a" width="24" height="24" align="right">                  
<img src="a.gif" title="a" width="24" height="24"  align="right">                  
<img src="a.gif" title="a" width="24" height="24" align="right">                  
<img src="a.gif" title="a" width="24" height="24" align="right">                  
<a href="a"><img src="a.gif" title="a" width="24" height="24" align="right"></a>
</div>
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa                
<br/><br/>aaaa
<!-- end wrap_outer div--></div></body></html>

解决方案 »

  1.   

    稍作了一下改动，
    代码收集在这里：
    http://jkisjk.vip.sina.com/html/DivFixedInBody2.htm
      

  2.   

    原来是在我的Firefox看不到效果，把上面的<style></style>改成这样就行了~~
    试出来的，具体还是不太明白
    <style type="text/css">
    <!--
    #glideDiv0 {
    height: 208px;
    position:fixed;
    left:0;
    top:150;
    z-index:200; 
    width:28px;
    background-color:#E6EEE7;
    padding-top: 2px;
    }
    #glideDiv0 img{ 
    clear: both;
    margin: 0px 1px 2px 0;
    }
    #glideDiv0 a { 
    border: none;
    }
    #glideDiv0 a img{ 
    border: none;
    }
    -->
    </style><!--[if IE]>
    <style>
    * html #glideDiv0 /* Override above rule for IE */ 
    { 
    position: absolute; 
    top: expression(offsetParent.scrollTop + 150); 
    } 
    body {
    height: 100%;
    overflow: hidden;
    font-size: 100%;
    padding: 0;
    margin: 0;
      }
    div#wrap_outer {
    width: 100%;
    height: 100%;
    overflow: auto;
      }
    div#glideDiv0 {
    position: absolute;
    }
    </style>