仿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 class="jd_menu" id="topNav"></ul>
</div>
<p style="height:1000px;"></p>
</body>
</html>
转自----->中国站长天空-网页特效
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
