ورود

View Full Version : یک مشکل کوچولوی طراحی!!!هلپ می...



sepehr2121
یک شنبه 30 تیر 1392, 13:47 عصر
سلام آقایون و خانما لطف کنید بنده رو راهنمایی کنید، یه مشکل دارم خیلی حالمو گرفته...
به" این عکس (http://upload7.ir/images/54893346977834060390.jpg) "یه نگاه بندازید..
کد css این بخش اینجوریه

.menu{
width:100%;
height:50px;
background-color:#940944;
position: fixed;
top:0;
}

.slider{
width:900px;
height:400px;
opacity:0.5;
}


وقتی که صفحه میاد پایین اسلایدر روی منو قرار میگیره چکار کنم اینجوری نشه؟

کامروا
یک شنبه 30 تیر 1392, 13:53 عصر
درود.

باید خاصیت z-index رو به کلاس menu اضافه کنید.

.menu{
width:100%;
height:50px;
background-color:#940944;
position: fixed;
top:0;
z-index: 1;
}

.slider{
width:900px;
height:400px;
opacity:0.5;
}

s2/mri
یک شنبه 30 تیر 1392, 13:56 عصر
سلام

برا اینه که مقدار position:fixed; رو دادی

این قسمت رو بردار


بله بخاطر position هستش چون میخواستم با پایین اومدن صفحه اونم پایین بیاد

خب پس همون طور که دوستان اشاره کردن از z-index استفاده کن

sepehr2121
یک شنبه 30 تیر 1392, 14:07 عصر
سلام

برا اینه که مقدار position:fixed; رو دادی

این قسمت رو بردار
بله بخاطر position هستش چون میخواستم با پایین اومدن صفحه اونم پایین بیاد