css ie6 position:fixed無效的解決方案

來源:互聯網
上載者:User

我用到了css教程的一個屬性position:fixed,但遺憾的是在IE6下這個屬性不起作用,悲劇的IE6,於是便找解決方案,現把最佳的解決方案拿出來與大家分享,或許不久的將來你能用上。

1、要實現的效果如下圖:

這時彈出提示在瀏覽器最右上方可見區
 

這時瀏覽器向下滾動了一下,但要讓彈出層保持在瀏覽器最右上方可見區
 
2、相容的解決方案代碼如下:

 

.loading_tip { 

position: fixed;

_position: absolute;

top: 10px; 

right: 5px; 

_bottom: auto; 

_top: expression(eval(document.documentElement.scrollTop+10)); 

background-color: #F0F0F0; 

padding: 5px; 

border: #6FD65C solid 1px; 

z-index: 9999999; 

}

 

/** 防止在拖動過程中出現抖動現象 **/

*html { 

background-image: url(about:blank); 

background-attachment: fixed; 

}

 

.content{

height:1500px;

}

 

html代碼如下
<div class="loading_tip">這是fixed的地區,休想讓消失</div>
<div class="content">這是好多內容的地區,我要往下拖動了,上面的fixed的地區想跟我一起下來嗎?</div>
,終於能在IE6上實現fixed效果了

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.