CSS: автоматическое переполнение и Z-индекс

#html #css #z-index

#HTML #css #z-индекс

Вопрос:

Вот ссылка: http://jsfiddle.net/smnde/2 /

Есть ли способ сделать так, чтобы список отображался над div, когда overflow:auto он установлен? Как во втором контейнере?

1. Не использовать overflow:auto?

2. Я использую это внутри модального окна, поэтому мне нужна вертикальная прокрутка.

3. Ах, только что видел ответы и теперь лучше понимаю вопрос..

Ответ №1:

да; вы можете отображать overflow div вне чего-либо div , когда child есть absolute position и у него parent не было position:relative

вот так:

 #button {
    border: 1px solid #999;
    margin: 5px;
}

#hidden {
     display: none;
    position: absolute;
    margin-top:-20px;
    left:190px;
    width: 50px;
    border: 1px solid #333;
}

проверьте это http://jsfiddle.net/sandeep/smnde/26 /

1. Поправьте меня, если я ошибаюсь, но это приведет к сбою, если будет установлен какой-либо родительский объект. Поскольку контейнер является частью модульного окна, это невозможно использовать.

2. о позиции я уже определил ее. Этот трюк используется не в первый раз. Мы можем использовать их без каких-либо проблем. Вы можете найти в Google

3. Я имею в виду, что вы не можете использовать какую -либо директиву position для любого родительского элемента поля… Проверьте: jsfiddle.net/smnde/27

4. Вы оба встаете, но я должен отдать это сандипу. Я использовал .position() вместо .offset() для позиционирования моего списка (каждая строка имеет аналогичный список при наведении курсора мыши). Спасибо вам обоим!

5. @sandeep Есть ли способ заставить дочерний элемент отображаться на том же уровне, что и родительский. Ваше решение отличное, но дочерний элемент может находиться только в фиксированном положении.

Ответ №2:

Нет, переполнение не будет отображать ничего нестандартного.

Вместо этого вы можете использовать всплывающую подсказку, такую как наведение курсора, со скрытым полем вне контейнера.

Проверьте: http://jsfiddle.net/smnde/9 /