قرار دادن nav bar بر روی عکس در بوت استرپ 4

3 سال پیش توسط SOHE!L مطرح شد
آفلاین
user-avatar
SOHE!L ( 6424 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

0

سلام دوستان خسته نباشید
من چطوری می تونم یه عکس رو پس زمینه قرار بدم و بعد navbar رو روی اون قرار بدم به همراه یه لوگو ؟

آفلاین
user-avatar
امیر اردکانی ( 17901 تجربه )
3 سال پیش
تخصص : طراح و برنامه نویس وب

لینک کوتاه اشتراک گذاری

2

سلام
این دو را به کد css خودتون اضافه کنید , مقدار z-index رو هم مطابق کلاس بکگراند مورد نظر خودتون تغییر بدید به عنوان مثال z-index کلاس بکگراند برابر با 1 باشه و z-index کلاس navbar برابر با 100 یا عددی بزرگتر از کلاس بکگراند

.navbar {
    position: fixed;
    z-index: 100;
}

نمونه

آفلاین
user-avatar
امیرحسین ( 17153 تجربه )
3 سال پیش

لینک کوتاه اشتراک گذاری

2

سلام سهیل
پوزیشن navbar رو fix بده. width:100% و z-index رو هم برابر با هم 1001.
حالا اگه یه کم opacity نوارمنو رو کم کنی شاید خشگل تر هم بشه

برای ارسال پاسخ لازم است، ابتدا وارد سایت شوید.