Нет верхней тени-тени?

Question

Как вы могли устранить верхнюю коробку-тень. Было бы замечательно, если бы CSS что-то уже встроено, но что-то редко.

Настоящий живец example.

Прокрутите страницу вниз до нижней части страницы. Я хочу исключить верхнюю коробку-тень на псевдобутом.

Благодаря

Answer 1

Используется для этого добавить еще один коробка тени для верхней и нижней Тени

* , как как этот *

.container-wide{ 
    -webkit-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    -moz-box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    box-shadow: 1px 1px 1px 1px #ccc, -1px -1px 1px 1px #ccc; 
    } 

Ifу показать только верхнюю тень, чем применить этот CSS

.container-wide{ 
-moz-box-shadow: -1px -1px 1px 1px #ccc; 
-webkit-box-shadow: -1px -1px 1px 1px #ccc; 
box-shadow: -1px -1px 1px 1px #ccc; 
} 

Answer 2

Используйте это:

#Background 
{ 
-webkit-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
-moz-box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
box-shadow: 0px 1px 30px rgba(0,0,0,.4); 
} 

Answer 3

Примените этот CSS к вашему # wrapper2

#wrapper2{border-radius: 0 0 12px 12px; 
      -webkit-border-radius: 0 0 12px 12px; 
      -moz-border-radius: 0 0 12px 12px; 

} 

Это позволит решить вашу конструкцию и дать то же самое который вам нужен, включая div с псевдобутомным классом.

Далее, мне также интересно узнать цель включения div с псевдобутомным классом. Разве это просто для разрешения дизайна или у него тоже будет содержание?