z-index

h.p.baxxter · Mar 30, 2010

سلام .جستجو کردم ولی موردی پیدا نکردم
من یه منو ی پایین افتادنی دارم که اطلاعات رو از دیتابیس می خونه .اما وقتی که کاربر منو رو باز میکنه li هایی که باز شده میره زیر بقیه عکس ها .من حتی z-index اون رو تا 900 هم بردم اما باز هم وقتی باز میشه میره زیر بقیه عکسها
به نظرتون مشکل کجاست؟

BehrouzPc · Mar 30, 2010

می بایست کد اصلی و HTML که نوشتید رو بزارید
احتمال داره مربوط به position والد باشه...

h.p.baxxter · Mar 31, 2010

PHP:

@charset "utf-8";
/* CSS Document */

ul, li{margin:0; padding:0; list-style:none;

z-index:900;
padding:5px;


}
.container{
    padding-top:150px;
    width:213px;
    position:relative;
    padding-right:25px;
    
    

z-index:0;
}

.menu_head{
    
    

    padding:5px;    
    z-index:100;
    left:360px;
    top:-50px;
    width:213px;
    height:50px;
    position:relative;

}


.menu_body {display:none;
width:130px;
border-right:1px solid #998675;
border-bottom:1px solid #998675;
border-left:1px solid #998675;
padding:0px;
z-index:100;
left:270px;
top:113px;
position:absolute;
}
.menu_body li{
background:#666;
padding:5px;
z-index:90;



}
.menu_body li.alt{
background:#999;
padding:5px;
z-index:90;
}
.menu_body li a{color:#FFFFFF;
text-decoration:none;
padding:10px; 
display:block;
padding:5px;
z-index:900;
right:20px;
}
.menu_body li a:hover{padding:15px 10px;
font-weight:bold;
padding:5px;
z-index:900;
}

PHP:

<div class="container">
<img src="<?=base_url();?>image/view/navigate.png" width="111" height="32" class="menu_head" />
<ul class="menu_body">
<?php foreach($query_cat->result() as $row):?>

<li><?=anchor('view/home/album/'.$row->id,$row->category); ?></a></li>

<?php endforeach; ?>
</ul>
</div>

Mohammad · Mar 31, 2010

سلام
نمی دونم ولی من اینو فهمیدم:
z-index مربوط به عکس 100 هست ولی برای li نود هست

BehrouzPc · Mar 31, 2010

PHP:

.menu_body li{ background:#666; padding:5px; z-index:1000; }

می تونی از عدد های کوچیک تر هم استفاده کنی و از 900 و.... استفاده نکنی
در کل در تمامی موارد نیاز به استفاده از z-index نیست
مثلا تنها تعیین z-index برای ul .menu_body کافی می باشد که سطح آن را بالاتر از بقیه قرار داد. مثلا با مقدار 101