مشکل در انداختن دیو بالایی روی دیو پایینی ؟؟

[Fartaj]

سلام خدمت دوستان

دوستان به عکس ضمیمه یه نگاه بندازید :
90024

من می خوام اون گیره ها بیاد روی لایه ی پایینی اما می ره زیر لایه پایینی

کد css دیو بالا :


.header
{
background-image:url(../image/header.png);
background-repeat:no-repeat;
padding: 3px auto 0px 0px;
margin: 5px auto -20px auto;
width:1000px;
color:White;
height:140px;
}


با همون -20 سعی داشتم این کار رو بکنم ؟

[khanlo.javid]

دوست عزیز از خاصیت z-index استفاده کنید ببینید نتیجه میگیرید یا نه .
در غیر اینصورت کد های html رو هم ضمیمه کنید تا دقیق تر بررسی بشه.



موفق باشید.

[Fartaj]

کدم رو اینطوری تغییر دادم :


.header
{
background-image:url(../image/header.png);
background-repeat:no-repeat;
padding: 3px auto 0px 0px;
position:absolute;
margin-top:5px;
margin-left:auto;
margin-right:auto;
z-index:5;
width:1000px;
color:White;
height:140px;
}

90032

حالا دیگه وسط نمیاد و همین جایی که می بینید می مونه هر چی z-index رو کم می کنم بالا نمیاد شناور شد ؟ تا به حال از z-index استفاده نکرده بودم اما یه سرچی زدم دیدم باید position هم تنظیم بشه

[speralda]

در ادامه صحبتهای دوستمون برای اینکه دقیقا متوجه شوید که این property چی کار میکنه این لینک رو مشاهده کنید


http://www.w3schools.com/cssref/pr_pos_z-index.asp

[speralda]

شما وقتی از position استفاده می کنید باید از top, left. right,bottom در کنارش استفاده کنید.
البته بستگی به طراحی شما داره که از کدام استفاده کنید از کدام نکنید.

http://http://www.w3schools.com/cssref/pr_class_position.asp

[Saber Mogaddas]

سلام
همانطور که دوستمون فرمودن راه چاره ی شما دستور z-index هست ، ولی لازم به ذکر هست که دستور z-index همراه دستور position استفاده میشه..
شما یه دیو کلی برای گیره ها ایجاد کنید که خاصیت position:relative داشته باشه و با top-right-left-bottom این گیره ها رو در محل خود قرار بدید و به وسیله دستور z-index بر فرض مثال z-index:1000 این تگ رو بالاتر از همه دیو ها قرار بدید.
موفق باشید..