цвет фона не всегда отображается
-
19-09-2019 - |
Вопрос
Для моей страницы у меня настроен следующий 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;
}
Решение
Пытаться:
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;
}
(Вам не нужно указывать «лево», если оно повторяется.)
Кроме того, если вы используете сброс CSS (или нет), убедитесь, что ваше тело использует 100% высоту:
html, body {height: 100%;}
Не связан с StackOverflow