IE7 z-index Hatası ve Çözümü

IE7’ye uygun tasarımlar dökmeye çalışıyorsanız, bu tarz sorunlarla muhakkak karşılaşıyorsunuzdur.. Bir türlü z konumunu yükselttiğiniz değer bir diğer nesnenin üzerine çıkmıyordur.. Bu sorunun sebebi z-index verdiğiniz nesnenin üst nesnelerinden birisine position uygulamanızdan kaynaklıdır. Yani bu mantıkla baktığımızda IE7 z-index uygulanacak nesnenin üst nesnelerinde position olmasını kabul etmiyor. Küçük bir örnek vermek gerekirse;

Burada hakkımda menüsünün üzerine gelince açılan bir alt menüsü mevcut.. Şuan tüm tarayıcılarda arama kutusu açılan menünün üzerine çıkmış durumda.. Şimdi z-index değerini açılan ul nesnesine verelim.. Örneğin z-index: 1 ekleyip deneyelim;

Evet şuan IE7 hariç diğer tüm tarayıcılarda (muhtemelen) açılır menü yukarıya çıktı. Ancak IE7’de ne hikmetse hala altta 🙂 Bunun sebebi en başta da dediğim gibi ul’nin üst nesnesi olan li’de position değeri olmasından kaynaklanıyor. Burada li’nin position değerini silemeyeceğimize göre ul’ye verdiğimiz z-index değerini li’ye vermemiz gerekecek. Yani IE7 ve diğer tarayıcılar için uyumlu hali;

Bir başka iğrenç IE hatasında görüşmek üzere 🙂

Yayınlayan

Tayfun Erbilen

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müziklede ilgilenen sıradan birisi..

“IE7 z-index Hatası ve Çözümü” üzerine 4 yorum

  1. Daha önce uğraşıp sonuç alamadığım bir sorundu çok teşekkür ederim. Bence internet explorer kaldırılması için imza toplanmalı 🙂

  2. hala bu ie yi kullananları anlamıyorum.piyasada önder chrome ardından firefox.Hem performans hem kullanıcı dostu.E-okul haricinde herşeye girin.ie e okul için var.Onuda biz kodlamıyoruz 😀

  3. IE 'nin bazı özellikleri güzel,

    "ActiveXObject" ile çok şey yapılıyor javascript yardımıyla,
    JS ile sql sorgusu, dosya işlemleri, office programlarına erişmek, program çalıştırabilmek vb. yapılabiliyor,

    Kısaca internette gezerken kullanmayın ama faydalı scriptler yazablirsiniz IE 'de.

  4. Öncelikle makale için teşekkürler.IE dan kurtulamadık gitti. Halen daha ie kullanan taş devrinden kalma insanlarımız var. Müşteri "ya halen benim gibi çakmaktaşlar var, ie de de çalışsın site" diyince istemeye istemeye kodlama hevesiniz kırıla kırıla yapmak durumunda kalıyoruz. Artık bu ie devri kapanmalı bunlar yüzünden html5 ile proje hazırlayamıyoruz. Berbat bir durum…

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir