Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Родительский элемент поверх дочернего


Автор: Arantir 21.12.2012, 23:16
Точнее сказать, дочерний элемент под родительским.
Оказалось, что z-index таким образом работать отказывается. Он прекрасно работает для рядомстоящих элементов, но если речь идет о непосредственно друх - родителе и потомке, то никакие комбинации position, отрицательных z-index и прочего не помогают.

Интересно, возможно ли вообще сделать вот это: http://jsfiddle.net/ThXKH/
При вот такой разметке:
Код

<div id="parent">
    <div id="some1">
        <div id="some2">
            <div id="child"></div>
        </div>
    </div>
</div>
исключительно через CSS.

Вся суть вопроса в тенях на перекрытии элементов. Должно быть видно, что маленький дочерний блок именно сзади большого родительского, т.е. точно как в примере.

Вопрос не критичный. Дизайн в зародыше и можно пойти другим путем. Но, как известно, дьявол скрывается в мелочах. И все равно очень хочется достичь представленного эффекта без нарезания картинок и спагетти в разметке, если это возможно.

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)