Box-тень отводками

Question

Хорошо, Так что я был возиться с коробкой-тени, когда я понял, что

http://i.stack.imgur.com/I3E9E.png (К сожалению не удается разместить изображение)

Бар СЧА перекрывания тенью, я попытался чтобы поставить идентификатор контента выше и ниже в коде, и он не пойдет под навигацию. Если его невозможно, кто-то может помочь мне сделать тени со всех сторон, но сверху?

Код, который я использую для тени, приведен ниже.

box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5); 

Ссылка на веб-странице: Here

Answer 1

Добавьте это в CSS:

#nav { 
    position: relative; 
    z-index: 1; 
} 

Answer 2

Вы можете определить ось у будет положительным, то он не должен перекрываться с заголовком:

box-shadow:0px 5px 15px rgba(0,0,0,0.5); 

Конечно, это потом немного длиннее на дне, чем на боках, но при этом более тонкая тень окна (например, box-shadow:0px 5px 7px rgba(32,32,32,0.5)) может работать лучше.

Редактировать: z-index (как предложено Lollero) для #nav, вероятно, лучше, чем это.

Answer 3

попробуйте использовать Z-индекс для перемещения рамки содержания под слоем заголовка ...

после вашего

box-shadow:0px 0px 15px rgba(0, 0, 0, 0.5); 

поставил

z-index:2; 

А также быть su повторно добавить

z-index:1; 

в ваш заголовок CSS ...