تعليق: ومع ذلك ، بعد ظهور CSS3 ، تم تحسين وضع العرض المتكرر. يمكن أن تجعل خاصية حجم الخلفية أملنا السابق في تمديد وملء صورة الخلفية. طريقة الاستخدام المحددة هي كما يلي. يمكن للأصدقاء المهتمين الرجوع إليها. آمل أن يكون ذلك مفيدًا للجميع.
كيفية جعل ملء امتداد صورة الخلفية ، يبدو هذا السؤال بسيطًا. لكنني آسف لإخبارك. ليست بسيطة كما نعتقد.على سبيل المثال ، قم بتعيين خلفية في حاوية (الجسم ، Div ، span). لا يمكن تعديل طول وعرض هذه الخلفية قبل CSS2.1.
وبالتالي فإن النتيجة الفعلية هي أنه لا يمكن عرضها إلا بشكل متكرر ، وبالتالي فإن الخصائص مثل التكرار ، التكرار X ، التكرار ، لا تكرار تظهر. يتم استخدامه للتحكم في عرض صور الخلفية. لذلك ، هناك نوعان من صور الخلفية:
1. إنها صورة كبيرة كاملة ، والحجم وحجم المنطقة تطابق فقط
2. مخطط شريط صغير جدًا ، بعد المرور عبر التكرار ، يشكل خلفية صورة كبيرة للغاية.
ومع ذلك ، بعد ظهور CSS3 ، تم تحسين هذا الموقف. يمكن أن تتحقق خاصية حجم الخلفية.
ويمكن استخدام هذه الخاصية على Firefox و Chrome و IE9.
طريقة الاستخدام المحددة هي كما يلي:
حجم صورة الخلفية (التمثيل العددي):
#حجم الخلفية {
حجم الخلفية: 200px 100px ؛
}
حجم صورة الخلفية (تمثيل النسبة المئوية):
#background-size2 {
حجم الخلفية: 30 ٪ 60 ٪ ؛
}
حجم صورة الخلفية (أي ما يعادل تمديد الصورة لملء العنصر ، أي قيمة الغلاف):
#background-size3 {
حجم الخلفية: تغطية ؛
}
حجم صورة الخلفية (قلل الصورة بنسبة متساوية للتكيف مع حجم العنصر ، أي ، يحتوي على قيمة):
#background-size4 {
حجم الخلفية: تحتوي ؛
}
حجم صورة الخلفية (يملأ العناصر بحجم الصورة نفسها ، أي قيمة تلقائية):
#background-size5 {
حجم الخلفية: السيارات ؛
}