друзья, почему если я задаю left у before отрицательный то у меня закрывается та часть блока которая выходит за пределы границы shadow -box ? а вниз(bottom) все ок получается
А почему текст на сайте черный на белом фоне?
Пришли код на codepen
Это особенность z-index: -1
. С таким z-index
блок оказывается под всеми элементами, в том числе под html
и body
. А т.к. у html
и body
задан фоновый цвет, то тень оказывается под этом фоном.
Попробуйте убрать фоновый цвет у html
и body
.
Простите, всё равно не совсем ясно.
Дан фон в примере для body,html{ background: #f5f5f5; }
, согласно инспектору body
по высоте 300px равен .box-shadow
, по ширине он больше. html по высоте 400px;
Каким образом содержимое :before || :after
не помещается под html
, а только лишь под body
. Вообщем объект выборочно залез только под body
, а html
ему как пустое место.
Спасибо
Подскажите, почему при задании положительных z-index’ов, например, для .shadow-box 10, а для псевдоэлементов 5 перекрытие не происходит? Почему в данном случае необходимо использовать только отрицательное значение?
Спасибо, теперь ясно!