Исправление supersleight IE png, вызывающее проблему переполнения

Я использую supersleight, чтобы исправить прозрачность png, но это вызывает странная ошибка, при которой браузер игнорирует любое правило переполнения в IE6.

Вот как это выглядит (список вещей пришлось скрыть, но идея вы поняла ...) 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 рядом с ним проблема все еще существует. Вид сбит с толку, особенно потому, что полоса прокрутки все еще там!


person theorise    schedule 22.07.2010    source источник


Ответы (1)


Вы пробовали поместить position:relative в scroll класс?

person Gabriele Petrioli    schedule 22.07.2010
comment
Нет, но теперь у меня получилось, и это помогло. Спасибо! Почему это работает, потому что для меня это не имеет особого смысла. - person theorise; 22.07.2010
comment
@danixd, это известная ошибка в IE, когда позиционируемые элементы не соблюдают свойство переполнения своего контейнера, если он также не позиционируется. snook.ca/archives/html_and_css/position_relative_overflow_ie. (и supersleight добавляет position:relative к элементы, на которые он влияет, которые выявляют эту ошибку в вашем случае) - person Gabriele Petrioli; 22.07.2010