لون الخلفية لا تظهر دائما

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