超级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修复导致溢出问题

回答

相关问题