друзья, почему если я задаю left у before отрицательный то у меня закрывается та часть блока которая выходит за пределы границы shadow -box ? а вниз(bottom) все ок получается
Это особенность 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 перекрытие не происходит? Почему в данном случае необходимо использовать только отрицательное значение?
Спасибо, теперь ясно!