Вставка тень на сайт-обертка

Question

Вот страница, с которой у меня проблемы. Вы можете видеть, что при прокрутке вниз тень находится в неправильном месте. http://michaelaharvey.github.io/

Я стараюсь, чтобы моя страница имела свойство css box-shadow. Тем не менее, я не могу заставить тень применить тень к всей веб-странице. В результате, когда я прокручиваю вниз, в середине страницы есть тень, когда этого не должно быть. Я попытался использовать ... # site-wrapper {overflow: hidden;}

... но это вызвало переключение навигации по страницам. Как установить высоту div обертки сайта равной всей странице, включая все переполнения? Спасибо!!!

Answer 1

Вы должны сделать еще один элемент, который оборачивает .cover-container

<div class="site-wrapper-inner"> 
    <div class="cover-wrapper"> 
     <div class="cover-container"> 
      .... 
     </div> 
    </div> 
</div> 

затем поместить его CSS как

.cover-wrapper { 
    height: 100%; 
    overflow-x: hidden; 
} 

, так как вы используете table и table-cell в .site-wrapper и .site-wrapper-inner

так вы должны добавить что-то, чтобы обернуть содержимое, чтобы контролировать его высоту