通過定位實現的div塊網頁中固定效果

antzone發表於2017-03-07

本章節介紹一下如何讓通過定位方式讓一個div定位於網頁的一個位置,無論是否拖動滾動條。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>螞蟻部落</title>
<style type="text/css"> 
body{ 
  margin:0px auto;
  height:1000px;
} 
#fixedLayer{ 
  position:fixed; 
  left:40px; 
  top:10px; 
  width:100px; 
  line-height:30px; 
  background:#FC6; 
  border:1px solid #F90; 
} 
</style> 
</head> 
<body> 
<div id="fixedLayer">螞蟻部落</div>  
</body> 
</html>

這裡是用過設定元素position:fixed,不過IE6不支援,不過本人感覺IE6還需要考慮嗎。

相關文章