站長(zhǎng)資訊網(wǎng)css中可以使用position屬性設(shè)置元素不隨滾動(dòng)條滾動(dòng)，語(yǔ)法“position:fixed”。position屬性規(guī)定元素的定位類型，當(dāng)值為fixed時(shí)，元素以相對(duì)瀏覽器窗口進(jìn)行定位，無(wú)論怎樣移動(dòng)滑動(dòng)條，都會(huì)固定在瀏覽器窗口的同一位置。
本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在CSS中，可以使用固定定位（position:fixed;）來(lái)固定元素的位置，讓元素不隨滾動(dòng)條滾動(dòng)。
fixed 生成固定定位元素，元素脫離文檔流，不占據(jù)文檔流的位置，可以理解為漂浮在文檔流的上方，相對(duì)于瀏覽器窗口進(jìn)行定位。
固定定位的元素以相對(duì)瀏覽器窗口為基準(zhǔn)進(jìn)行定位的，無(wú)論怎樣移動(dòng)你的滑動(dòng)條，它都會(huì)固定在相對(duì)于瀏覽器窗口的固定位置，另外要注意，它的兄弟元素將會(huì)在位置排布上忽視它的存在。這個(gè)時(shí)候用的top，bottom，left，right也是相對(duì)于瀏覽器窗口而言的。
示例：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <style type="text/css"> .logo { width: 540px; height: 258px; position: fixed; background: url(貓/images/1.jpg) no-repeat; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } </style> </head> <body> <div class="logo"> </div> 布偶貓<br/> 布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓 <br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/>布偶貓<br/> </body> </html>
效果圖：
從上面的示例看出：可以使用position: fixed來(lái)固定圖片位置不變，讓圖片位置可以不隨著文字的拖動(dòng)而改變圖片位置。
注：
在IE7以上版本及firefox、opera、safari里，都支持css屬性"position:fixed"，它的作用就是將元素相對(duì)于窗口固定位置。
但是在IE6下，并不支持position:fixed屬性，這個(gè)時(shí)候我們需要對(duì)IE6進(jìn)行hack處理。
推薦學(xué)習(xí)：css視頻教程
