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

0

Вы можете просмотреть страницу, с которой у меня возникла проблема: 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;
}

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

  • 0
    Используйте некоторый JavaScript, чтобы он ссылался на высоту документа
Теги:

3 ответа

0
Лучший ответ

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

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

  • 0
    Просто попробовал это и получил ту же проблему ...
0

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;
}

0

Я думаю, что вы хотите иметь внутреннюю тень для своего 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 */
}

Ещё вопросы

Сообщество Overcoder
Наверх
Меню