Arkadaşlar z-index i kullanarak veya kullanmayarak bir divi öbürünün üstüne çıkaramadım yani katman üste çıkmadı bir türlü nerede hata yapıyorum sizce kodları ekliyorum.
En üst katmanda Görüntülenmesini istediğim kod:
Bir türlü Alta alamadığım kod
özet olarak üstteki açılır menünün kodunun arama kutusunun üstüne çıkmasını istiyorum hep arama kutusunun altında kalıyo.
Not: margin değerleriyle pozisyon değiştirme gibi bişey anlaşılmasın sorun Z ekseninde (yüzeye dik eksen ) umrarım anlatabildim.
En üst katmanda Görüntülenmesini istediğim kod:
Kod:
#menu > ul > li > div {
display: none;
background: url(../image/isik.png) repeat top center ;
position: absolute;
z-index: 1;
padding: 5px;
border: 1px solid #000000;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
}
Kod:
#header #search {
position: absolute;
top: 184px;
right: 5px;
width: 298px;
}
#header .button-search {
position: absolute;
right: 10px;
background: url('../image/arama-butonu.png') center no-repeat;
width: 60px;
height: 27px;
top:2px;
cursor: pointer;
}
#header #search input {
background:url('../image/arama-input.png') center no-repeat;
padding: 1px 1px 1px 7px;
width: 224px;
height: 27px;
border: 0px solid #CCCCCC;
}
özet olarak üstteki açılır menünün kodunun arama kutusunun üstüne çıkmasını istiyorum hep arama kutusunun altında kalıyo.
Not: margin değerleriyle pozisyon değiştirme gibi bişey anlaşılmasın sorun Z ekseninde (yüzeye dik eksen ) umrarım anlatabildim.