不闪烁的浮动窗口

如何将一个层固定在页面上而不随滚动条滚动呢?

 

<!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>
   <title>浮动层测试</title>
   <style type="text/css">
*{margin:0;padding:0;}
body{
  _background-attachment:fixed;
  _background-image:url(nothing);/*解决IE6下其它的绝对定位层也会随滚动条滚动的问题*/
}
#status-box{
    width:100px;
height:100px;
color:#FFF;
background-color:black;
position:fixed;
  _position:absolute;
  bottom:0;
  _top:expression(documentElement.scrollTop+document.documentElement.clientHeight-100);
  right:0;

}
#cs{
   background-color:#ccc;
   width:200px;
   height:120px;
   position:absolute;
   left:100px;
   top:100px;
}
</style>
</head>
<body>
一些测试文字了.....
 <div id="cs">我是一绝对定位层来的....</div>
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
<div id="status-box">静态层,我固定来着,雷打不动的!</div>
</body>
</html>

你可能感兴趣的:(html,css,XHTML)