الأخطاء الشائعة: يتم اقتصاص الخلفية
عند عرض ملف العينة، لا توجد مشكلة عندما تكون الدقة أقل من 1280. ولكن إذا كانت دقة شاشتك أكبر من 1280 بكسل، فسترى أجزاء أخرى غير صورة الخلفية.
حل بسيط للمشكلة: اضبط لون حافة الصورة على نفس لون لون خلفية صفحة الويب. هنا أستخدم Web Designer Wall كمثال. انظر إلى الصورة أدناه. لاحظ أن حواف الصورة ذات ألوان ثابتة.
جزء CSS
هذا الجزء بسيط جدًا، قم بتعيين صورة الخلفية لعنصر الجسم (الموجود في المنتصف، الأعلى)
وفيما يلي كود CSS:
| جسم { الحشو: 0؛ الهامش: 0; الخلفية: #f8f7e5 url(wdw-bg.jpg) الجزء العلوي الأوسط بدون تكرار؛ العرض: 100%؛ عرض: الجدول؛ } |
لاحظ أن هناك سطرين إضافيين داخل محدد النص وذلك لمنع تغيير صورة الخلفية عندما تكون نافذة المتصفح أصغر من عرض المحتوى، وهو ما سيحدث في Firefox.
