PDA

View Full Version : سوال: رفتن منو به زیر منو پاینی خود



vB.N3T
سه شنبه 19 شهریور 1392, 01:59 صبح
سلام دوستان من با این کد ها منو نوشتم اما میره زیر باکس پایینیش

#menu-sub
{
width:100%;
height:49px;
background:#f9f9f9;
float:right;
}

#ul-sub-menu li
{
font-family:'BKoodakBlod';
font-size:15px;
float:right;
margin-right:20px;
position:relative;
}

#ul-sub-menu a
{
color:red;
font-family:'BKoodakBlod';
padding:5px 40px;
display:block;
}
#ul-sub-menu li:hover a
{
background:#F93;
color:#fff;
}

#ul-sub-menu li:hover li a
{
color:#093;

}

#ul-sub-menu ul li a:hover
{
background:#FC3;
color:#6FF;
}
#ul-sub-menu ul
{
display:none;
width:100px;
position:absolute;
}
#ul-sub-menu li:hover>ul
{
display:inline-block;
}
#ul-sub-menu ul li
{
float:none;
}

Omid Jackson
سه شنبه 19 شهریور 1392, 08:47 صبح
z-index: 1000;

mehbod.rayaneh
سه شنبه 19 شهریور 1392, 09:44 صبح
سلام
همونطور ک دوستمون گفتن از z-index استفاده کنید.
فقط توجه کنی ک z-index فقط همراه با position:absolute کار میده!
موفق باشید

vB.N3T
سه شنبه 19 شهریور 1392, 15:01 عصر
متشکر....درست شد فقط توضیحشم میدید چیکار میکنه این دستور؟

Omid Jackson
سه شنبه 19 شهریور 1392, 15:06 عصر
شما یه دفتر 100برگ رو تصور کنین
وقتی میذارین رو میز نگاه میکنین بهش، آخرین برگه z-index صفر داره، ورق روییش 1 تا 99 که میشن 100 برگ
تو وب هم همینطور، شما اینجوری میتونین یه دفتر 100 برگ درست کنین که برگه ها رو هم باشن که اینکار با z-index امکان پذیره
یعنی میتونین لایه درست کنین به لایه ها اولویت بدین که کی بالاتر باشه
هرچی عدد بزرگتر باشه اولویت بیشتری داره نسبت به بقیه و رو قرار میگیره