您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關如何解決IE6 position:fixed 固定定位問題,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
和大家重點討論一下如何解決IE6 position:fixed 固定定位問題,CSS中的position:fixed; 可以讓網頁上的某個元素固定在一個絕對的位置,即使拉動滾動條位置也不發生變化,希望本文介紹對你學習有所幫助。
解決IE6 position:fixed 固定定位問題
position:fixed; 可以讓網頁上的某個元素固定在一個絕對的位置,即使拉動滾動條位置也不發生變化。
◆一般的 position:fixed; 實現方法
view sourceprint?
1.#top{ 2.position:fixed; 3.bottom:0; 4.right:0; 5.}
◆在 IE6 中實現 position:fixed; 的辦法
view sourceprint?
1.#top{ 2._position:absolute; 3._bottom:auto; 4._top:expression(eval(document.documentElement.scrollTop+document. documentElement.clientHeight-this. offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)- (parseInt(this.currentStyle.marginBottom,10)||0))); 5.}
◆position:fixed; 閃動問題
現在,問題還沒有完全解決。在用了上面的辦法后,你會發現:被固定定位的元素在滾動滾動條的時候會閃動。解決閃動問題的辦法是在 CSS 文件中加入:
view sourceprint?
1.*html{ 2.background-image:url(about:blank); 3.background-attachment:fixed; 4.}
*是針對IE6
關于如何解決IE6 position:fixed 固定定位問題就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。