وضع خلفية غامقة لأحد الأقسام في CSS

وعليكم السلام 

لقد قمت بإنشاء div آخر وأعطيته الكلاس overlay داخل الـ div الذي يحتوي على كلاس home وهو الذي يحتوي على جميع العناصر في الصفحة وأعطيته التنسيقات التالية في ملف التنسيقات style.css ، أيضاً يمكنك التغير في درجة اللون كما تريد.

.overlay{
    background:rgba(2,2,2,0.8);
    min-height:100%;
}

وهكذا أصبحت لديك الخلفية ، يبدو أنك متعلم جديد في تصميم مواقع الويب ، حاول دائماً إعطاء أسماء إلى الكلاسات بأسماء منطقية أكثر تدل على القسم في الصفحة ، وحاول جعل العناصر مرتبة بشكل أفضل يسهل قراءته وفهمه. fokir.zip

شكرا ولكني عندما فتحت الموقع وجدت أن ال section الذب كان يأخذ align-items:center;  قد عاد الى مكانه

بتاريخ الآن قال Mahmoud Ali Nawwar:

شكرا ولكني عندما فتحت الموقع وجدت أن ال section الذب كان يأخذ align-items:center;  قد عاد الى مكانه

 لا مشكلة عدلته لك كما كان باضافة تنسيق padding-top  إلى مجموعة تنسيقات section  . 

fokir.zip

بتاريخ On 12/5/2021 at 23:15 قال أسامة زيادة:

 لا مشكلة عدلته لك كما كان باضافة تنسيق padding-top  إلى مجموعة تنسيقات section  . 

fokir.zip

شكرا لك وقد جربت طريقة أخرى وهي:

.overlay {

    height:  100%;

}