beyler selam,
aşağıdaki kodlarda z-index sorunu yaşıyorum. divler verdiğim z-index değerine göre sıralanmyor. yardımcı olabilecek var mı?
aşağıdaki kodlarda z-index sorunu yaşıyorum. divler verdiğim z-index değerine göre sıralanmyor. yardımcı olabilecek var mı?
Kod:
<style type="text/css">
.sliderCerceve
{
width: 500px;
height: 375px;
overflow:hidden;
z-index: 0;
}
.resimler
{
width: 4000px;
margin: 0px;
padding: 0px;
left:0px;
z-index: 1;
}
.button
{
width: 500px;
z-index: 2px;
margin-top: 180px;
}
.sliderCerceve .button .ileri
{
float:left;
z-index: 6;
}
.sliderCerceve .button .geri
{
float:right;
z-index: 7;
}
div
{
position:absolute
}
</style>
</head>
<body>
<div class="sliderCerceve">
<div class="button">
<a class="geri" href="javascript:;"> İleri </a>
<a class="ileri" href="javascript:;"> geri </a>
</div>
<div class="resimler">
<img width="500" src="images/Chrysanthemum.jpg" />
<img width="500" src="images/Desert.jpg" />
<img width="500" src="images/Penguins.jpg" />
<img width="500" src="images/Lighthouse.jpg" />
</div>
</div>
</body>
</html>