Задать вопрос
@kingdomofcrooked
Дизайнер

Почему блок div перекрывает другой, не смотря на высокий z-index?

Не могу понять почему первый блок cd-background-wrapper перекрывает другой (start-area), несмотря на то что второй с более высоким z-index. И вообще ведь так не должно быть. Второй блок ниже первого в коде, значит он должен быть над ним. Или я не прав?

Вот код:

<body>

	<div class="cd-background-wrapper">
		<div class="cd-floating-background">

		</div>
	</div>

	<div id="start-area">
    
    </div>


</body>


.cd-background-wrapper {

	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
	z-index:1;
}
#start-area{
	position:fixed;
	width:100%;
	height:100%;
	background:#090c13;
	z-index:99;
}
  • Вопрос задан
  • 3410 просмотров
Подписаться 1 Оценить 1 комментарий
Решение пользователя Alex Sokol К ответам на вопрос (3)
Sokol_ua
@Sokol_ua
Куплю мозГ
Ты забыл указать позицию для #start-area.

Поставь top: 0; и будет тебе твой блок

#start-area{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: blue;
z-index: 99;
}
Ответ написан