تمديد صورة الخلفية لتناسب الشاشات العريضة

إذا كنت تستخدم شاشة كمبيوتر عريضة ففرصة مشاهدتك للفراغ الذي بين صورة خلفية الموقع وأركان المتصفح أكبر من الذين يتصفحون بشاشات متوسطة العرض، بينما لن تظهر في شاشات الجوال والأجهزه اللوحية غالباً. وهي من الأمور التي قد يغفل عنها مصممي المواقع، بل قد تراها في بعض قوالب بلوجر الرسمية !


هناك عدة حلول وفيما يلي أبسطها على الإطلاق وهي باستخدام خاصية background-size أحد مميزات CSS3 :


body {