فحقا في الكثير من الأحيان نضع صورة للخلفية لنستنتج أن صورة الخلفية لاتظهر بشكل كامل وهناك فراغات إما في جوانب الصفحة أو في أسفل الصفحة، هناك أشخاص كانوا قد شرحوا طريقة القيام بهذا بإستخدام كود jQuery طويل جدا ومعقد، لكن اليوم سنقوم بالطريقة بإستخدام أحد أكواد css3 كلمة واحدة ستخرجنا من هذا المأزق.
حسنا أو شئ سنتجه إلى قالب، تحرير Html و نقوم بتوسيع عناصر القالب.
بعد هذا سنقوم بالبحث عن :
body {
ثم ماذا؟
ثم سنقوم بإضافة الكود :
background-size: cover;
أسفل :
background: url(URL de la img) no-repeat center center fixed;
ليظهر بشكل شبيه بهذا:
body {
background: url(URL de la imagen) no-repeat center center fixed;background-size: cover;margin:0;
color:#000;
font:x-small Georgia Serif;
font-size/* */:/**/small;
font-size: /**/small;
text-align: center;
}
تعليقات
إرسال تعليق