您的位置: 首頁 > 源碼資料
始終固定在頂部和底部的css+DIV,兼容ie6和FF等所有瀏覽器
源碼資料 時間:2013-09-26 作者/發布人:科杰在線 點擊:3388
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>始終固定在頂部和底部的css+DIV,兼容ie6和FF等所有瀏覽器 科杰在線www.yeewaa.com</title>
<style type="text/css">
*{margin:0px;padding:0px;}
body{_background-image:url(about:blank);/*用瀏覽器空白頁面作為背景*/_background-attachment:fixed; /* prevent screen flash in IE6 確保滾動條滾動時，元素不閃動*/ }
/*下面的top:0;表示居頂固定,改為bottom:0;即固定在底部*/
#topNav{position:fixed;z-index:100;top:0;left:0;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px");_left:expression(documentElement.scrollLeft + 0 + "px");} #topNav{width:100%;height:35px;overflow:hidden;background:url(images/pc354.jpg) repeat-x;}
#topNav div{margin:0 auto;width:1000px;}
.mask{width:1000px;margin:45px auto 0 auto;}
</style>
</head>
<body>
<div id="topNav"><div><a href="http://www.www.yeewaa.com/" target="_blank"><img src="images/pc354.jpg" width="1000" height="35" alt="" /></a></div></div>
<div class="mask"><a href="http://www.www.yeewaa.com/" target="_blank"><img src="images/pc354.jpg" width="1000" height="1200" alt="科杰在線" /></a></div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>始終固定在頂部和底部的css+DIV,兼容ie6和FF等所有瀏覽器 科杰在線www.yeewaa.com</title>
<style type="text/css">
*{margin:0px;padding:0px;}
body{_background-image:url(about:blank);/*用瀏覽器空白頁面作為背景*/_background-attachment:fixed; /* prevent screen flash in IE6 確保滾動條滾動時，元素不閃動*/ }
/*下面的top:0;表示居頂固定,改為bottom:0;即固定在底部*/
#topNav{position:fixed;z-index:100;top:0;left:0;_position:absolute;_top:expression(documentElement.scrollTop + 0 + "px");_left:expression(documentElement.scrollLeft + 0 + "px");} #topNav{width:100%;height:35px;overflow:hidden;background:url(images/pc354.jpg) repeat-x;}
#topNav div{margin:0 auto;width:1000px;}
.mask{width:1000px;margin:45px auto 0 auto;}
</style>
</head>
<body>
<div id="topNav"><div><a href="http://www.www.yeewaa.com/" target="_blank"><img src="images/pc354.jpg" width="1000" height="35" alt="" /></a></div></div>
<div class="mask"><a href="http://www.www.yeewaa.com/" target="_blank"><img src="images/pc354.jpg" width="1000" height="1200" alt="科杰在線" /></a></div>
</body>
</html>
--------------------------全文完----------------------------
0% (0)
0% (0)
生活常識
- 騷年，年底大掃除如何清理最霸道的廚房油污你..(12-22)
- 吃了幾十年火鍋，竟然才發現吃錯了(12-17)
- 安徽職工生育保險津貼如何領取？流產津貼如何..(12-05)
- 十萬個為什么？女性私處為什么會變黑(11-19)
- 人體內全部秘密，再不對自己好點就晚了(11-16)
創意無限
- 英國“神奇凝膠”緩解“皮肉之苦”(08-03)
- 德攝影師制作奇妙光涂鴉頗似壯觀煙花(組圖)(05-10)
- 英國女學生用立體涂鴉畫出“隱形車”(圖)(05-10)
- 創意到實用！國外知名地鐵站設計欣賞(04-13)
- 工業革命時代的粗曠！起重機造型吊燈(04-13)
源碼資料
- javascript實現網頁跳轉的方法(10-29)
- CSS+DIV常用小代碼的收集(10-07)
- 自動判斷手機、平板與電腦訪問不同網址頁面的..(09-30)
- 最簡單實用的鼠標移到圖片上變成另外圖片的效..(09-26)
- VB鼠標離開窗體時就執行某個代碼如何實現？(06-30)
資源中心
- 原文：為什么這么多人黑周星馳(全文)(09-12)
- 紅藍3D眼鏡測試演示3D圖片-風景、人物及其他2..(02-06)
- 紅藍3D眼鏡測試演示3D圖片及美女3D視頻-美女篇..(02-06)
- “東亞病夫”是中國人自已罵自已的,非洋人(08-06)
- eWebEditor不支持IE8、IE7、火狐、傲游的解決..(06-13)
