公告

更新

 

互联网 JS控件 按钮 黑色 灰色 白色 蓝色 绿色 黄色 橙色

> Css > 页面应用

兼容各大浏览器的DIV固定定位方法
0
作者:vip_260     来源:未知     日期:2010-1-25 18:13:42     人气:      标签:

演示效果截图

兼容各大浏览器的DIV固定定位方法

CSS代码

<style type="text/css">
*{margin:0;padding:0;}
html{_overflow:hidden;}
body{_height:100%; _overflow-y:auto;}
#box{width:100px; height:100px;color:#FFF;
background-color:black;position:fixed;
_position:absolute; top:100px;left:100px;}
</style>

HTML代码

<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>
  内容<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>
<div id="box">我是固定的</div>
Copyright 2008 网站频道 All Rights Resverved.
提供:网页特效 JS广告 网站截图 酷站推荐 交流群:3506863
     页面执行时间0.0625秒 查询数据库3次