欧美一区二区三区老妇人-欧美做爰猛烈大尺度电-99久久夜色精品国产亚洲a-亚洲福利视频一区二区

IE6position:fixed問題的解決方法

IE6 position:fixed問題的解決方法，很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。

內蒙古網站制作公司哪家好，找創(chuàng)新互聯(lián)！從網頁設計、網站建設、微信開發(fā)、APP開發(fā)、自適應網站建設等網站項目制作，到程序開發(fā)，運營維護。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時間，我們擁有了豐富的建站經驗和運維經驗，來保證我們的工作的順利進行。專注于網站建設就選創(chuàng)新互聯(lián)。

向大家簡單介紹一下解決IE6下position:fixed問題方法，造成這個問題的原因是fixed元素的絕對位置是相對于HTML元素，滾動條是body元素的，相信本文介紹一定會讓你有所收獲。

IE6 position:fixed

這個內容是老生常談了，主要問題就是IE6不支持position:fixed引起的BUG.當我們去搜索解決這個bug的垮瀏覽器解決辦法時,絕大多數(shù)結果都是說使用position:absolute來替代解決,可是我們真的解決了么?沒有,因為當頁面比較長的時候,拖動滾動條,那個fix的地方也相應的閃動.雖然最終會近似于需求的目標,但是不***.那么如何解決這一問題呢?

造成這個問題的原因是fixed元素的絕對位置是相對于HTML元素,滾動條是body元素的(貌似ie6中他們的區(qū)別就是在于滾動條界限那里)。知道了原因,我們就大概知道如何解決了:

<!--[ifIE6]> <styletypestyletype="text/css">  html{overflow:hidden;}   body{height:100%;overflow:auto;}   #fixed{position:absolute;}  </style> <!--[endif]-->

沒錯,就是加上這樣的一段code,現(xiàn)在看看完整的頁面code:

<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml"> <head> <metahttp-equivmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/> <title>IE6position:fixed</title> <style> *{   padding:0;   margin:0;  }   #fixed{   background-color:#ddd;   border:1pxsolid#aaa;   position:fixed;   right:0;   top:0;  }  </style> <!--[ifIE6]> <styletypestyletype="text/css">  html{overflow:hidden;}   body{height:100%;overflow:auto;}   #fixed{position:absolute;right:17px;}  </style> <!--[endif]--> </head> <body> <divstyledivstyle="height:2000px"></div> <dividdivid="fixed"> FIXED  </div> </body> </html>

看完上述內容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對創(chuàng)新互聯(lián)的支持。

本文名稱：IE6position:fixed問題的解決方法
文章來源：http://chinadenli.net/article40/jiijho.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供外貿建站、網站設計公司、網站改版、品牌網站制作、面包屑導航、定制網站

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)

成都網站建設