Supersleight 修复 IE png 导致溢出的问题

发布于 2024-09-11 06:47:30 字数 1546 浏览 8 评论 0原文

我正在使用 supersleight 来修复 png 透明度，但它导致奇怪的错误，浏览器似乎忽略了 IE6 中的任何溢出规则。

这是它的样子（必须隐藏事物列表，但你明白了......）alt text http://img15.imageshack.us/img15/8052/overflowexample.jpg

我一直坚持使用该修复程序，以前从未遇到过问题。

这是标记：

            <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时，问题仍然存在。有点困惑，特别是因为滚动条仍然在那里！

原文

I am using supersleight to fix png transparency, but it is causing a strange bug, where the browser seems to ignore any overflow rule in IE6.

Here is what it looks like (had to hide the list of things, but you get the idea...)alt text http://img15.imageshack.us/img15/8052/overflowexample.jpg

I am stuck with using the fix and never come across a problem with it before.

Here is the markup:

            <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>

And the CSS:

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

I am using some jquery to show the images on the left, but when removing the jquery function, the problem remains. I tried overflow:hidden. It hides it for a second, then flashes back into the state shown in the image. When removing the image div next to it, the problem is still there. Kind of baffled, especially because the scroll bar is still there!

分享到QQ

分享到微博