Как вывести блок за пределы родителей?

Question

[Влад Ревук]

есть такой код

<div class="slidershares2">
            <div class="slides"  id="slides2">
                <div class="slide">
                    <img src="images/slider2_img_1.jpg" height="100%">
                    <div class="text">Подпись под фотографией</div>
                </div>
                <div class="slide">
                    <img src="images/slider2_img_1.jpg" height="100%">
                    <div class="text">Подпись под фотографией</div>
                </div>
            </div>
        </div>

Нужно клас .text вывести по верх класа .slides

Answer 1

[hime2]

css сюда.

.slide{
position:relative;
z-index:1;
}
.text{
position: absolute;
z-index:5;
}

ну в блок текс надо дописывать top, bottom, итд.
Можно поставить position:relative, только надо размеры родителя уменьшать, иначе будет лишний отступ.
Читайте про позиционирование css.

Comments

[Влад Ревук]

Спосибо, я "z-index:1" упустил(( и не получалось

[hime2]

Влад Ревук: да не за что)