在标题图像上插入阴影

Question

我想在标题图片上添加阴影，但它不起作用。

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

我已经尝试过这样的事了：

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

投下阴影是我已经做过很多次的事情，但这个没有用。

感谢。

Answer 1

您的box-shadow包含在其后面的元素（即#main-wrap）。您可以更改元素的z-index，使其显示在＆＃39;以上＆＃39;其他元素。

您需要position您的元素static以外的其他内容才能确认z-index：

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

Answer 2

对于背景图片，您需要inset属性来处理相对或绝对的位置。

试试这个：

.wsite-background{
   position:relative;
   -webkit-box-shadow: inset 0px 10px 5px #888888;
   -moz-box-shadow: inset 0px 10px 5px #888888;
   box-shadow: inset 0px 10px 5px #888888;
}