Проблемы с box-shadowing

Question

Я работаю над шаблоном для клиента, он хочет, чтобы заголовок полной ширины с тенью нижнего ящика (и это было хорошо), а затем обертка с фиксированной шириной по центру с тенью влево/вправо.

Я дал заголовку высокий индекс z, чтобы нижняя кромка была поверх предшествующей оболочки содержимого. Затем я добавил тень левого/правого края для центрированной обертки, за исключением верхней части обертки, тень не заподлицо с заголовком, есть небольшой промежуток около 5 пикселей.

Я попытался настроить спред для покрытия этого промежутка, но затем тень проходит по заголовку (хотя обертка имеет более низкий индекс z).

#pagecontainer { 
position: relative; 
width: 960px; 
margin: 0px auto; 
padding: 0; 
-webkit-box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black; 
-moz-box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black; 
box-shadow: 8px 0 6px -6px black, -8px 0 6px -6px black; 
} 

сайта here

Answer 1

Вы знаете, что это было ... изображение заголовка был прозрачный фон, и мне нужно поставить цвет фона из белого! идиот!

Answer 2

Ваш заголовок имеет изображение с прозрачным фоном. Отсюда и проблема. Фиксирование это поможет.