جشنواره عیدانه راکت | عضویت ویژه راکت برای آخرین بار | افزایش قیمت‌ها از سال جدید | و ...

مشاهده اطلاعات بیشتر...
ثانیه
دقیقه
ساعت
روز
SOHE!L
6 سال پیش توسط SOHE!L مطرح شد
2 پاسخ

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

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


ثبت پرسش جدید
امیر اردکانی
تخصص : طراح و برنامه نویس وب
@AmirArdakani 6 سال پیش مطرح شد
1

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

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

نمونه


امیرحسین
@amirhossein11 6 سال پیش مطرح شد
2

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام