@bormor

Не удается добавить тень на стыке блоков. Какие есть решения?

UPD. Мда, простейшая оказалась ошибка. Спасибо всем.

Добавляю тень к хедеру.

Если следующий за ним блок прозрачен - все ок.
JS%2BBin%2B-%2BCollaborative%2BJavaScrip

Если следующий блок имеет цвет - тень ичезает.
JS%2BBin%2B-%2BCollaborative%2BJavaScrip

Пробовал исправить через z-index - не получилось.
Что еще тут может помочь?

Простой пример на JSBin
https://jsbin.com/xoniqifeko/edit?html,css,output
  • Вопрос задан
  • 130 просмотров
Решения вопроса 4
@wtrouble
у тебя серая тень на сером блоке, как ты её хочешь увидеть? поменяй цвет.
Ответ написан
Комментировать
Odisseya
@Odisseya
Оптимизирую PageSpeed & Performance
Можно добавить тень псевдо-элементом: jsfiddle.net
Хотя, тень у вас и так есть.
spoiler
.header{
  height: 20px;
  background-color: red;  
  position: relative;
  z-index: 1000;
}

.slider{
  position: relative;
  z-index: 1;
  height: 300px;
  background-color: grey;
}

.slider::before {
  box-shadow: 0 2px 8px #000;
  content: "";
  position: absolute;
  top: -8px;
  width: 100%;
  height: 8px;
}
Ответ написан
Комментировать
vicodin
@vicodin
Имею некоторый опыт
Комментировать
St1myL
@St1myL
как мне кажется, тень лишь слилась с серым фоном
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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