超級IE瀏覽器PNG修復導致溢出問題

我使用supersleight來解決PNG透明度，但它造成了一個奇怪的錯誤，其中瀏覽器似乎忽略了IE6中的任何溢出規則。超級IE瀏覽器PNG修復導致溢出問題

這裏是什麼樣子（有隱藏的事情的清單，但你的想法...）alt text http://img15.imageshack.us/img15/8052/overflowexample.jpg

我堅持使用fix和以前從未遇到過的問題吧。

下面是標記：

  <div class="placeholder"> 
       <div class="image"> 

        <img src="img/blank.png" alt="" /> 
        <img src="img/1.png" alt="" id="image1" /> 
        <!-- More images... --> 
       </div> 
       <div class="text">      
        <h2>Time</h2> 

        <div class="scroll"> 
        <ul> 
         <li><a href="#image1">List item</a></li> 
         <!-- More list items... -->     
        </ul> 
        </div> 
       </div> 
       <br class="clear" />       
      </div>

而CSS：

#location #content.occupiers .placeholder .text .scroll{height: 380px; width: 260px; overflow: auto;}

我使用一些jQuery來顯示左側的圖像，但刪除了jQuery功能時，問題依舊。我嘗試了溢出：隱藏。它隱藏了一秒鐘，然後閃回到圖像中顯示的狀態。刪除旁邊的圖像div時，問題仍然存在。有些莫名其妙，特別是因爲滾動條仍然存在！

來源

2010-07-22 theorise

您是否試過在scroll類上放position:relative？

來源

2010-07-22 11:00:19

不，但我現在已經做到了。謝謝！爲什麼這會起作用，因爲它對我沒有多大意義。 – theorise 2010-07-22 11:05:06

@danixd，它是IE中已知的一個bug，如果定位元素沒有被定位，那麼定位元素不會尊重它們容器的溢出屬性。 http://snook.ca/archives/html_and_css/position_relative_overflow_ie/。（*和supersleight增加'position：相對於它所影響的元素的相對位置，它會將這個bug帶出你的案例*） – 2010-07-22 11:21:32

哦，對，現在有道理。感謝您解決這個問題！ – theorise 2010-07-22 11:29:06

超級IE瀏覽器PNG修復導致溢出問題

回答

相關問題