不用JS也能让工具栏悬浮于网页顶部(兼容所有浏览器)

沈宫新 2012-12-10

http://wwwy1.blog.hexun.com/51595144_d.html

<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:0px;
	left: 50%;
	margin-left:-468px;
	position:absolute;
	top:expression(offsetParent.scrollTop+0);
	text-align: center;
	border: 1px solid #dddddd;
	border-top: none;
	background: #ffffff;
	width:934px;
	height:20px
}
</style>
<DIV class="wwwy1_blog_hexun_com">
不用JS也能让工具栏悬浮于网页顶部(兼容所有浏览器)
</DIV>
<!--以上为可用代码区域(其他代码均属附带请去除)-->
<DIV style="text-align: center;">
<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 style="text-align: center;">
hi、看到了么?<BR>
以上效果是由<FONT color=#ff0000>缘阳工作室</FONT>提供<BR>
wwwy1.blog.hexun.com
</DIV>

相关推荐