배경색이 항상 나타나는 것은 아닙니다

Question

내 페이지에 다음 CSS가 설정되어 있습니다. 페이지가로드되면 배경색이 항상 적용되지는 않습니다. 색상이 작동하기 전에 페이지를 한두 번 새로 고쳐야합니다. 누구든지 왜 그런지 아십니까? 배경 이미지는 전체 페이지만큼 키가 크지 않으며 그라디언트입니다. 그래서 나는 그라디언트의 하단 픽셀 색상을 가져 와서 페이지 BG 색상으로 사용합니다.

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

(반복되는 경우 '왼쪽'을 지정할 필요가 없습니다.)

또한 CSS 재설정을 사용하는 경우 신체가 100% 높이를 사용하는지 확인하십시오.

html, body {height: 100%;}