Вставить тень на изображение заголовка

Question

Я хотел бы поместить тень на изображение заголовка, но это не сработало.

URL: http://testjeanschwartz.weebly.com/

Я уже попробовать что-то вроде этого:

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

Положив тень то, что я уже сделал много раз, но это один не работает.

Спасибо.

Answer 1

Ваш box-shadow покрыт элементами, которые следуют за ним (а именно #main-wrap). Вы можете изменить z-index вашего элемента, чтобы он отображал «выше» другие элементы.

Вам нужно будет 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; 
}