仿QQ空间-------->始终固定在网页顶部的横条特效
仿QQ空间-------->始终固定在网页顶部的横条特效
?
?
?
<!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>网页特效-CSS特效-始终固定在网页顶部的横条(一)</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312">
<!--把下面代码加到<head>与</head>之间-->
<style type="text/css">
* {
?margin: 0px;
?padding: 0px;
}
#topNavWrapper {
?width: 980px;
?text-align: left;
?height: 31px;
?margin: 0px auto;
?z-index:100;
?_position: relative ;
?_top:0px;
}
#topNav {
?width: 980px;
?float: left;
?display: block;
?z-index: 100;
?overflow: visible;
?position: fixed;
?top: 0px; /* position fixed for IE6 */
?_position: absolute;
?_top: expression(documentElement.scrollTop + "px");
?background-image: url(http://www.zzsky.cn/effect/images/201032110926.gif);
?background-repeat: no-repeat;
?background-position: right;
?height: 31px;
}
</style>
</head>
<body>
<!--把下面代码加到<body>与</body>之间-->
<div id="topNavWrapper">
? <ul id="topNav"></ul>
</div>
<p style="height:1000px;"></p>
</body>
</html>
?
?
转自----->中国站长天空-网页特效