цвет фона не всегда отображается

Question

У меня есть следующая CSS для моей страницы. Когда страница загружается, цвет фона не всегда вступает в силу. Я должен обновить свою страницу один или два раза, прежде чем цвет сработает. Кто-нибудь знает почему? Фоновое изображение не такое высокое, как вся страница, и это градиент. Поэтому я беру нижний пиксельный цвет градиента и использую его в качестве цвета страницы.

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    margin: 0px;
    padding: 0px;
    background-color: #001833;
    background-image: url(images/page_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

Answer 1

Попробуйте:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    margin: 0;
    padding: 0;
    background: #001833 url(images/page_bg.jpg) repeat-x top;
}

(Вам не нужно указывать 'left', если оно повторяется.)

Кроме того, если вы используете сброс CSS (или нет), убедитесь, что ваше тело использует 100% высоты:

html, body {height: 100%;}