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

IE6position:fixed問(wèn)題的解決方法

IE6 position:fixed問(wèn)題的解決方法，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。

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

向大家簡(jiǎn)單介紹一下解決IE6下position:fixed問(wèn)題方法，造成這個(gè)問(wèn)題的原因是fixed元素的絕對(duì)位置是相對(duì)于HTML元素，滾動(dòng)條是body元素的，相信本文介紹一定會(huì)讓你有所收獲。

IE6 position:fixed

這個(gè)內(nèi)容是老生常談了，主要問(wèn)題就是IE6不支持position:fixed引起的BUG.當(dāng)我們?nèi)ニ阉鹘鉀Q這個(gè)bug的垮瀏覽器解決辦法時(shí),絕大多數(shù)結(jié)果都是說(shuō)使用position:absolute來(lái)替代解決,可是我們真的解決了么?沒(méi)有,因?yàn)楫?dāng)頁(yè)面比較長(zhǎng)的時(shí)候,拖動(dòng)滾動(dòng)條,那個(gè)fix的地方也相應(yīng)的閃動(dòng).雖然最終會(huì)近似于需求的目標(biāo),但是不***.那么如何解決這一問(wèn)題呢?

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

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

沒(méi)錯(cuò),就是加上這樣的一段code,現(xiàn)在看看完整的頁(yè)面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)容是否對(duì)您有幫助呢？如果還想對(duì)相關(guān)知識(shí)有進(jìn)一步的了解或閱讀更多相關(guān)文章，請(qǐng)關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝您對(duì)創(chuàng)新互聯(lián)的支持。

本文名稱：IE6position:fixed問(wèn)題的解決方法
文章來(lái)源：http://www.chinadenli.net/article40/jiijho.html

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

廣告

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

成都網(wǎng)站建設(shè)