@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;
}
  • Вопрос задан
  • 2158 просмотров
Решения вопроса 1
Sokol_ua
@Sokol_ua
Куплю мозГ
Ты забыл указать позицию для #start-area.

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

#start-area{
position: fixed;
top: 0;
width: 100%;
height: 100%;
background: blue;
z-index: 99;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
dmitriy_novikov
@dmitriy_novikov
Занимаюсь web-разработкой с 2010г. http://dmnv.ru
В вашем примере все в порядке, #start-area сверху.
Возможно, влияют какие-то другие стили или js.
Ответ написан
@dk-web
jsfiddle.net/4pfj8xg3
что где перекрывает?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы