IE6 position:fixed問題的解決方法,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細(xì)講解,有這方面需求的人可以來學(xué)習(xí)下,希望你能有所收獲。
內(nèi)蒙古網(wǎng)站制作公司哪家好,找創(chuàng)新互聯(lián)!從網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、自適應(yīng)網(wǎng)站建設(shè)等網(wǎng)站項目制作,到程序開發(fā),運(yùn)營維護(hù)。創(chuàng)新互聯(lián)成立與2013年到現(xiàn)在10年的時間,我們擁有了豐富的建站經(jīng)驗和運(yùn)維經(jīng)驗,來保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)。
向大家簡單介紹一下解決IE6下position:fixed問題方法,造成這個問題的原因是fixed元素的絕對位置是相對于HTML元素,滾動條是body元素的,相信本文介紹一定會讓你有所收獲。
IE6 position:fixed
這個內(nèi)容是老生常談了,主要問題就是IE6不支持position:fixed引起的BUG.當(dāng)我們?nèi)ニ阉鹘鉀Q這個bug的垮瀏覽器解決辦法時,絕大多數(shù)結(jié)果都是說使用position:absolute來替代解決,可是我們真的解決了么?沒有,因為當(dāng)頁面比較長的時候,拖動滾動條,那個fix的地方也相應(yīng)的閃動.雖然最終會近似于需求的目標(biāo),但是不***.那么如何解決這一問題呢?
造成這個問題的原因是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>
看完上述內(nèi)容是否對您有幫助呢?如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。
本文名稱:IE6position:fixed問題的解決方法
文章來源:http://sd-ha.com/article40/jiijho.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、網(wǎng)站設(shè)計公司、網(wǎng)站改版、品牌網(wǎng)站制作、面包屑導(dǎo)航、定制網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)