Дивы друг над другом

@UProger · Регистрация: 19.04.2013

Студворк — интернет-сервис помощи студентам

Здраствуйте.

имеются двы дива внутри одного:

HTML5
1
2
3
4
<div class="desk">
       <div class="objects"></div>
       <div id="map" ></div>
</div>

Как мне расположить их друг над другом чтоб первый мог закрывать второй?

@vooduq · 23.09.2013, 13:30

CSS
1
2
.desk>div { position:absolute; }
.objects { z-index:10; }

@UProger · 23.09.2013, 13:34 **[ТС]**

Как понять .desk>div или вы хотели написать .desk div

@vooduq · 23.09.2013, 13:40

нет все правильно
понять так, прямые дети 1-го уровня вложенности

@DesignBR · 23.09.2013, 14:33

desk>div

Ведь не обязательно. Суть вся в z-index и position:absolute.
А если без z-index, то достаточно дивы поменять местами, и если их местоположение будет совпадать, то последующий див, будет наложен на предыдущие.

@vooduq · 23.09.2013, 14:39

так надежней

@SaNeK_71 · 23.09.2013, 14:53

vooduq, z-index работает только с

CSS
1
2
position: absolute;
position:relative;

А если у ТС IE7 ? Ваша запись не будет работать...

@vooduq · 23.09.2013, 14:56

если у ТС ie7 надо поставить хотя бы 8)

@SaNeK_71 · 23.09.2013, 14:58

vooduq, z-index и IE7 совсем другая история :-)

@DesignBR · 23.09.2013, 15:17

z-index и IE7 это плохая история.. я слышал её.. страшно..

@SaNeK_71 · 23.09.2013, 15:19

DesignBR, хоть она и страшная, но она правдивая и рабочая

@newJS · 23.09.2013, 21:18

а зачем вы зет-индекс туда лепите? да еще народ пугаете седьмым ослом

CSS
1
2
3
.desk {position:relative; top:0; left:0;}
.objects {width:222px; height:111px; position:absolute; top:0; left:0; background:pink;}
#map {width:333px; height:222px; background:lime;

@DesignBR · 23.09.2013, 21:24

нас раскрыли..

Новые блоги и статьи Все статьи Все блоги /
Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .
Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .

@UProger 16 / 16 / 4 Регистрация: 19.04.2013 Сообщений: 1,194
	23.09.2013, 13:34 [ТС]
	Как понять .desk>div или вы хотели написать .desk div 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	23.09.2013, 13:40
	нет все правильно понять так, прямые дети 1-го уровня вложенности 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	23.09.2013, 14:39
	так надежней 0

@vooduq 69 / 69 / 22 Регистрация: 06.06.2013 Сообщений: 404
	23.09.2013, 14:56
	если у ТС ie7 надо поставить хотя бы 8) 0

@SaNeK_71 Прописан в интернете... 94 / 78 / 11 Регистрация: 06.04.2012 Сообщений: 345
	23.09.2013, 14:58
	vooduq, z-index и IE7 совсем другая история :-) 0

@DesignBR 10 / 10 / 1 Регистрация: 30.06.2013 Сообщений: 87
	23.09.2013, 15:17
	z-index и IE7 это плохая история.. я слышал её.. страшно.. 1

@SaNeK_71 Прописан в интернете... 94 / 78 / 11 Регистрация: 06.04.2012 Сообщений: 345
	23.09.2013, 15:19
	DesignBR, хоть она и страшная, но она правдивая и рабочая 0

@DesignBR 10 / 10 / 1 Регистрация: 30.06.2013 Сообщений: 87
	23.09.2013, 21:24
	нас раскрыли.. 0