یلدا ادامه داره... ❤️ ۴۰ درصد تخفیف همه دوره‌ها
استفاده از تخفیف‌ها
ثانیه
دقیقه
ساعت
روز
مبین ملک جاری
2 سال پیش
توسط مبین ملک جاری
مطرح شد
برای این کار از Z-index و Fixed position استفاده کنم
سلام دوستان میخواستم همچین چیزی رو طراحی کنم اما هیچ ایده ای ندارم که چجوری میشه این کار رو کرد .
لینک سایت در اینجا همون عکسی که وقتی اسکرول میکنیم از کد ها هستش رو میگم :)
https://free-learn.ir/beginner-user/
Thanks
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
ثبت پرسش جدید
![user-avatar]()
![user-avatar]()
Banana Life
@shift.delete
2 سال پیش
مطرح شد
گزارش تخلف
کپی کردن
1
سلام
بله شما میتونید با z-index و fixed position همچین چیزی را طراحی کنید .
<body>
<div>
<section class="top"></section>
<section class="bottom"></section>
</div>
<div class="background"></div>
</body>* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.background {
position: fixed;
top: 0;
left: 0;
background-image: url(./bg.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
height: 100vh;
width: 100%;
z-index: -2;
}
.top {
height: 100vh;
width: 100%;
background-color: rgb(26, 214, 83);
z-index: 5;
}
.bottom {
margin-top: 300px;
height: 100vh;
width: 100%;
background-color: rgb(127, 44, 204);
z-index: 5;
}
ماهان ملک جاری
تخصص :
برنامه نویسی تحت وب / backend...
@MrMahan1392
2 سال پیش
مطرح شد
برنامه نویسی تحت وب / backend &amp;amp;amp; frontend
گزارش تخلف
کپی کردن