Форум PHP программистов > Наложение одно div на другой div

[ Поиск ] - [ Пользователи ] - [ Календарь ]

Полная Версия: Наложение одно div на другой div

sharki

26.05.2011 - 12:04

Всем привет, есть проблема, не накладываются 2 див блока друг на друга, т.е мне надо второй блок сделать ПОД первым. Но никак не помогает, вот код...

Что не правильно?

/*Это первый блок он должен перекрывать*/
.cart_img_2 {
    position: absolute;
    background-color: #060;
    float: left;
    z-index: 100;
}

/*Это внутренний*/
.price_photo {
    width: auto;
    height: auto;
    float: left;
    margin: 10px 5px;
    position: relative;
    background-color: #060;
    z-index: 40;
}

HTML

<div class="cart_img_2">
    <div class="price_photo">
        <img id="15" src="./photo/price_small/200265.jpg" alt=""/>        
    </div>
</div>

Наглядный пример http://aticka.ru/catalog/read/1

Спасибо.

Спустя 24 минуты, 31 секунда (26.05.2011 - 11:28) waldicom написал(а):

Див в диве должен перекрывать своего потомка? Странно...

Спустя 11 минут, 52 секунды (26.05.2011 - 11:40) sharki написал(а):

waldicom
Да

Мне просто надо сделать в родительском диве некую эмблемку, и чтобы она накладывалась на картинку, или по другому можно сделать?

Спустя 19 секунд (26.05.2011 - 11:40) XCross написал(а):

.cart_img_2 {

Попробуй ширину задать.
И z-index использовать не 100 и 40, а 2,1

У мя в прошлый раз из-за ширины не получалось, поом все гуд сало(когда указал)

Спустя 2 минуты, 59 секунд (26.05.2011 - 11:43) sharki написал(а):

kmaks
Ничего не помогло)

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

Спустя 7 минут, 59 секунд (26.05.2011 - 11:51) XCross написал(а):

<style type="text/css">
.cart_img_2 {
	width: 100;
    height: 100;
    position: absolute;
    background-color: #060;
    z-index: 2;

}

.price_photo {
    width: 75;
    height: 75;
    position: relative;
    background-color: #060;
    z-index: 1;
	padding: 13px;
}
</style>



<div class="cart_img_2">
    <div class="price_photo">
       <center> <img id="15" src="1.jpg" alt=""/></center>
    </div>
</div>

У мя все работает

Спустя 4 минуты, 52 секунды (26.05.2011 - 11:56) sharki написал(а):

kmaks
хм, все тоже самое но не работает, можешь глянуть на сайте, через фаер баг...

Спустя 6 минут, 31 секунда (26.05.2011 - 12:03) XCross написал(а):

Посмотри сначало. То? Нет?

http://s015.radikal.ru/i331/1105/6b/d24e209ac9ef.jpg

Спустя 3 минуты, 25 секунд (26.05.2011 - 12:06) sharki написал(а):

Нет)
Вот твой код http://aticka.ru/test.php

Мне надо чтобы фон перекрывал картинку, т.е чтобы картинка была ПОД cart_img_2.

Спустя 5 минут, 57 секунд (26.05.2011 - 12:12) XCross написал(а):

Цитата

Вот твой код http://aticka.ru/test.php

Ну размеры измени

да z-index'ы поменяй(1,2 to 2,1).

Спустя 1 минута, 35 секунд (26.05.2011 - 12:14) sharki написал(а):

kmaks
Не в размерах дело =) И не в зетах.

Спустя 4 минуты, 7 секунд (26.05.2011 - 12:18) XCross написал(а):

Sharki, и не стыдно тебе

Мне объяснял, наверное, день-два назад как наложение слоев делать.....

Спустя 3 минуты, 13 секунд (26.05.2011 - 12:21) sharki написал(а):

kmaks
Так наложи эти дивы так

у самого то не получается)

Спустя 3 минуты, 58 секунд (26.05.2011 - 12:25) XCross написал(а):

Чето кролик перестал об стену биться

Быстрый ответ:

Здесь расположена полная версия этой страницы.