z-index не перекрывает body

[Brodyaga337]

Поочему фон со звёздами не прячется под body у которого:

body {	
	background-color: #EDE8C9;
	position:relative;
	z-index: 2;

	font-family: "RobotoRegular", sans-serif;
	font-size: 16px;

[andrey7287]

А почему он должен прятаться и причём тут z-index ?

[Brodyaga337]

47 минут назад, andrey7287 сказал:

А почему он должен прятаться и причём тут z-index ?

ну как-же у боди индекс 2 а у фона -1. Должен прятаться

[Hasiev]

Можно в песочнице код посмотреть?

Edited July 28, 2017 by Hasiev

[AlexZaw]

body лежит в самом низу стека, ниже него ничего не может быть

[SelenIT]

В 28.7.2017 в 21:47, Brodyaga337 сказал:

ну как-же у боди индекс 2 а у фона -1.

Вот по этому и не прячется. relative + z-index = новый контекст наложения. У фона и бордеров элемента, создающего контекст наложения, z-index по факту минус бесконечность. А z-index самого контекста влияет только на перекрытие его другими контекстами (не из числа его потомков), внутри контекста оно никакой роли не играет.

[Xandrito]

Тут либо предка добавить, либо спрятать codepen