純CSS實現一個懸浮於網頁頂部的菜單欄,其實可以放一些通知欄或登錄框之類的,不受網頁滾動條的限制,始終顯示在網頁最上方。CSS代碼:
01
<!DOCTYPE Html PUBLIC
"-//W3C//DTD XHtml 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xHtml1-strict.dtd"
>
02
<Html XMLns=
"http://www.w3.org/1999/xHtml"
03
<head>
04
<meta http-equiv=
"Content-Type"
content=
"text/Html; charset=gb2312"
/>
05
<title>CSS頂部固定代碼</title>
06
<style type=
"text/CSS"
07
/*<![CDATA[*/
08
body {
font
:
15px
"微軟雅黑"
;
margin
0
padding
10px
border
height
100%
overflow
auto
;}
09
#menu {
right
top
width
position
fixed
text-align
center
font-weight
bold
background
#ccc
10
* Html #menu {
absolute
16px
/*only for IE*/
11
Html {
!important
hidden
12
/*]]>*/
13
</style>
14
</head>
15
<!-- -->
16
<body id=
""
class=
17
<div >
18
<div style=
" height:890px;"
> </div>
19
<div id=
"menu"
>源碼愛好者提供編程源碼、網站源碼、網頁素材、書籍教程、網站模板、網頁特效代碼等,做有質量的學習型源碼下載站。
20
</div>
21
22
</body>
23
</Html>