日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務(wù)時(shí)間：8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
學(xué)習(xí)筆記如何解決IE6position:fixed固定定位問題

你知道解決IE6 position:fixed固定定位問題方法嗎，這里和大家簡單分享一下，希望本文的介紹能讓你有所收獲。

創(chuàng)新互聯(lián)公司專注于鎮(zhèn)康網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠為您提供鎮(zhèn)康營銷型網(wǎng)站建設(shè)，鎮(zhèn)康網(wǎng)站制作、鎮(zhèn)康網(wǎng)頁設(shè)計(jì)、鎮(zhèn)康網(wǎng)站官網(wǎng)定制、小程序設(shè)計(jì)服務(wù)，打造鎮(zhèn)康網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供鎮(zhèn)康網(wǎng)站排名全網(wǎng)營銷落地服務(wù)。

解決IE6 position:fixed固定定位問題

就像你所遇到的問題一樣，IE6有太多的bug讓制作網(wǎng)頁的人頭疼。這篇文章介紹的是介紹我的如何解決IE6不支持position:fixed;屬性的辦法。

◆關(guān)于position:fixed;屬性生成絕對(duì)定位的元素，相對(duì)于瀏覽器窗口進(jìn)行定位。
元素的位置通過“l(fā)eft”,“top”,“right”以及“bottom”屬性進(jìn)行規(guī)定。

position:fixed;可以讓網(wǎng)頁上的某個(gè)元素固定在一個(gè)絕對(duì)的位置，即使拉動(dòng)滾動(dòng)條位置也不發(fā)生變化。在LOO2K博客右下角的那個(gè)置頂?shù)男“粹o就是用了這個(gè)CSS屬性實(shí)現(xiàn)的

一般的position:fixed;實(shí)現(xiàn)方法以我的博客為例，在右下角...

這個(gè)HTML元素使用的CSS代碼如下：

 
 
 
    
  
  
  
  1. #top{  
    2.   
  
  
  2. position:fixed;  
    3.   
  
  
  3. bottom:0;  
    4.   
  
  
  4. right:20px;  
    5.   
  
  
  5. }  
    6.   
  
  
  6.  
    7.

實(shí)現(xiàn)讓...

元素固定在瀏覽器的底部和距離右邊的20個(gè)像素。

◆在IE6中實(shí)現(xiàn)position:fixed;的辦法剛剛提過，在IE6中是不能直接使用position:fixed;。你需要一些CSSHack來解決它。當(dāng)然，IE6的問題也不僅僅position:fixed;

相同的還是讓...

元素固定在瀏覽器的底部和距離右邊的20個(gè)像素，這次的代碼是：

 
 
 
    
  
  
  
  1. #top{  
    2.   
  
  
  2. position:fixed;  
    3.   
  
  
  3. _position:absolute;  
    4.   
  
  
  4. bottom:0;  
    5.   
  
  
  5. right:20px;  
    6.   
  
  
  6. _bottom:auto;  
    7.   
  
  
  7. _top:expression(eval(document.documentElement.scrollTop+document.  
    8.   
  
  
  8.  
    9.   
  
  
  9. documentElement.clientHeight-this.offsetHeight-(parseInt(this.  
    10.   
  
  
  10.  
    11.   
  
  
  11. currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));  
    12.   
  
  
  12. }  
    13.   
  
  
  13.  
    14.

right跟left屬性可以用絕對(duì)定位的辦法解決，而top跟bottom就需要用上面的表達(dá)式來實(shí)現(xiàn)。其中在_position:absolute;中的_符號(hào)只有IE6才能識(shí)別，目的是為了區(qū)分其他瀏覽器。

上面的只是一個(gè)例子，下面的才是最重要的代碼片段：

◆使元素固定在瀏覽器的頂部：

 
 
 
    
  
  
  
  1. #top{  
    2.   
  
  
  2. _position:absolute;  
    3.   
  
  
  3. _bottom:auto;  
    4.   
  
  
  4. _top:expression(eval(document.documentElement.scrollTop));  
    5.   
  
  
  5. }  
    6.   
  
  
  6.  
    7.

◆使元素固定在瀏覽器的底部：

 
 
 
    
  
  
  
  1. #top{  
    2.   
  
  
  2. _position:absolute;  
    3.   
  
  
  3. _bottom:auto;  
    4.   
  
  
  4. _top:expression(eval(document.documentElement.scrollTop+document.  
    5.   
  
  
  5.  
    6.   
  
  
  6. documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)  
    7.   
  
  
  7.  
    8.   
  
  
  8. ||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));  
    9.   
  
  
  9. }  
    10.   
  
  
  10.  
    11.

◆這兩段代碼只能實(shí)現(xiàn)在最底部跟最頂部，你可以使用_margin-top:10px;或者_(dá)margin-bottom:10px;修改其中的數(shù)值控制元素的位置。

position:fixed;閃動(dòng)問題現(xiàn)在，問題還沒有完全解決。在用了上面的辦法后，你會(huì)發(fā)現(xiàn)：被固定定位的元素在滾動(dòng)滾動(dòng)條的時(shí)候會(huì)閃動(dòng)。解決閃動(dòng)問題的辦法是在CSS文件中加入：

 
 
 
    
  
  
  
  1. *html{  
    2.   
  
  
  2. background-image:url(about:blank);  
    3.   
  
  
  3. background-attachment:fixed;  
    4.   
  
  
  4. }  
    5.   
  
  
  5.  
    6.

其中*是給IE6識(shí)別的。

到此，IE6的position:fixed;問題已經(jīng)被解決了?，F(xiàn)在LOO2K這個(gè)博客上的固定定位就是使用的這個(gè)辦法解決IE6固定定位問題的。


名稱欄目：學(xué)習(xí)筆記如何解決IE6position:fixed固定定位問題
轉(zhuǎn)載來源：http://www.5511xx.com/article/djpodoc.html