css - 在标题图片上插入阴影

Question

我想在标题图片上加上阴影，但没成功。

网址:http://testjeanschwartz.weebly.com/

我已经尝试过这样的事情:

.wsite-background
{
  box-shadow: 0px 10px 5px #888888;
}

放置阴影是我已经做过很多次的事情，但是这个不起作用。

谢谢。

Answer 1

您的 box-shadow 被其后的元素覆盖(即 #main-wrap)。您可以更改元素的 z-index 以使其显示在其他元素“之上”。

您将需要定位您的元素，而不是static 以确认z-index:

.wsite-background {
  box-shadow: 0px 10px 5px #888888;
  position: relative;
  z-index: 1;
}