不用JS 控制悬浮DIV

来源：互联网发布：彩虹六号网络类型m 编辑：程序博客网时间：2024/06/05 04:19

转自 http://blog.csdn.net/xiaonieya/article/details/5876745

<html>

<head>
<title>- 网页特效 - CSS特效 - 不用JS也能让工具栏悬浮于网页顶部（兼容所有浏览器）</title>

<style type="text/css">
body {
background: url(http://hexun.com/homephoto3/20100610/10763793/bk04-31-47.gif) center center fixed;
}
.wwwy1_blog_hexun_com {
position:fixed !important;
top:200px;
left: 50%;
margin-left:-468px;
position:absolute;
top:expression(offsetParent.scrollTop+200);
text-align: center;
border: 1px solid #dddddd;
border-top: none;
background: #ffffff;
width:934px;
height:200px
}
</style>
<head>
<body>
<DIV class="wwwy1_blog_hexun_com">
不用JS也能让工具栏悬浮于网页顶部（兼容所有浏览器）
</DIV>

<DIV style="text-align: center;">
 
 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
文章内容 
</DIV>
<DIV style="text-align: center;">
hi、看到了么？ 
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
</DIV>
</body>
</html>