Фон обрезается после начала прокрутки?

Question

Вы можете просмотреть страницу У меня возникла проблема с здесь: http://www.easythemepro.com/themes.php

Фон по какой-то причине срезан примерно на полпути вниз. Я это установлено на 100% высоты, но это, кажется, не работает ...

body { 
    font-family: sans-serif; 
    font-size: 12px; 
    line-height: 1.4em; 
    width: 100%; 
    background: #D5D5D5; 
    height: 100% 
    box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset; 
    overflow: auto; 
} 

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

Answer 1

Это потому, что вы создаете BG с помощью CSS, если вы не собираетесь использовать JavaScript, вероятно, вам нужно использовать образ вместо этого и использовать background-attachment:fixed;

Ссылка: http://www.w3schools.com/cssref/pr_background-attachment.asp

Answer 2

Я думаю, что вы хотите иметь внутренняя тень на ваш html, также вам не нужно иметь столько стилей для вашего тела. Я вижу, что вы используете образы 1x1 для вашего фона, вместо этого можете использовать #D5D5D5. и это не требуется для backgrond-position или background-repeat использования этого CSS:

html{ 
    box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset; 
    /* other styles if you have */ 
} 

body{ 
    background:#d5d5d5; 
    /* and remove other background styles */ 
} 

Answer 3

body,html {
font-family: sans-serif;
font-size: 12px;
line-height: 1.4em;
width: 100%;
background: #D5D5D5;
height: 100%
box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
overflow: auto;
}