آفلاین
user-avatar

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

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

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

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

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

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

نمونه

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

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

برای ارسال پاسخ باید وارد سایت شوید