Вы можете просмотреть страницу, с которой у меня возникла проблема: 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;
}
Я не совсем уверен, что я здесь делаю неправильно... Похоже, он должен работать правильно для меня.
Это потому, что вы создаете bg с помощью css. Если вы не собираетесь использовать javascript, вероятно, вам нужно использовать изображение вместо этого и использовать background-attachment:fixed;
Ссылка: http://www.w3schools.com/cssref/pr_background-attachment.asp
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;
}
Я думаю, что вы хотите иметь внутреннюю тень для своего 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 */
}