‘z-index’ etiketi için sonuçlar

Firefox’un Negatif Değerli z-index Desteği

Geçen bir projede z-index ile ilgili bir tanım yaptım. Üçlü bir tanımdı sırası ile elemanlara z-index:100, z-index:50 ve z-index:0 değerleri atadım. Aslında 1, 2, 3 diyede tanımlama yapabilirdim, ama araya başka bir eleman girerse diye böyle aralıklı değerler verdim.

Firefox, IE 8, Opera ve Google Chrome’da sorunsuz çalışan kod, IE 6 ve 7′de  çalışmadı. Bende daha önce böyle bir sorun ile karşılaşmıştım. Çözüm için z-index:-1 tanımı yapıp çözmeye çalışmıştım, ama bu seferde Firefox 2′da çalışmamıştı o zaman. Firefox 2′de negatif değleri desteklemediğini öğrenmiştim o zaman. Bende bunu için bir düzeltme yazmıştım zamanında. Ama Firefox 3 ile birlikte z-index negatif değer desteği geldiği için şimdi bu sorunu çözülmüş oldu. Bir bilgi olarak bunu bilmek gerek diye düşündüm.

Sonra acaba Firefox 2 için bir düzeltme yazmaya gerek var mı diye düşündüm. Ancak Firefox çok hızlı güncellenen bir tarayıcı ve şu an Firefox 2 kullanımı %5′lerin altına düşmüş durumda bir düzeltme yazmaya gerek yok diye düşünüyorum. 

Sonuç olarak şunu söyleyebiliriz ki, gönül rahatlığı ile negatif z-index tanımı kullanabiliriz.

Kaynaklar

z-index

z-index, konumlandırma elementleri uygulanmış katmanların z-eksenindeki konumu belirlemek için kullanılır.

z-index tüm elementlere uygulanamaz sadece konumlandırma değeri atanmış elementlere uygulanır. Bunun anlamı eğer bir elementi aynı z-ekseni üzerinde üste veya alt sıraya atmak istiyorsanız ilk olarak konumlandırma değeri atamalısınız.

Okumaya devam edin »

03 Kasım 2007 Web’den Seçme Haberler

  • Hard drive hızının Visula Studio performansına etkisi. Bağlantı
  • CSS’de farklı tarayıcılar için yapılan düzeltmeleri kısa ipuçları şeklinde anlatan güzel bir makale. Bağlantı
  • z-index çalışma prensipleri test edebileceğiniz güzel bir uygulama. Bağlantı
  • Asp.net viewstate özelliği hakkında bir makale. Bağlantı
  • Anlamlı kod yazımına dair güzel bir makale. Bağlantı
  • 65 mükemmel Flash dizaynı. Bağlantı
  • Microsoft IE javascript üzerine yoğunlaşmış, bakalım firefox’un hızını durdurabilecek bir numara çıkacak mı? Bağlantı
  • Asp.net ile sitenizi izleyin ver kullanıcı bilgilerini toplayın. Bağlantı
  • Asp.net ve Xslt kullanımını anlatan güzel bir makale. Bağlantı
  • Apple firması bu aralar bir canlanma içerisinde. Bu canlanmadan Safari’de nasibini alıyor. İlk önce windows için çıkardıkları sürümü ve şimdide css’e animasyon etiketleri eklemişler. Ama tutar mı onu bilemem. Bağlantı
  • Asp.net ve Xslt kullanımını anlatan güzel bir makale. Bağlantı
  • Sayfanıza kabuk soyma efekti ekleyin. Bağlantı

CSS ile konumlandırma(positioning)

CSS konseptinin üç önemli konusu kutu modelleme, konumlandırma(positioning) ve floating konularıdır.

Burada CSS ile konumlandırma hakkında bilgi vermeye çalışacağız.
Okumaya devam edin »

Kategoriler

Kitap

CSS'e başlangıç Uzun süredir üzerinde çalıştığım CSS’e başlangıç kitabımı bitirdim. Aslında buna bir kitap demek ne kadar doğru bilmiyorum. Tam doğru tanımı makalelerimin derlenip düzenli hale getirildiği bir e-doküman demek daha doğru olur. Bu kitap makalelerimi derleyip hazırladığım ilk kitap. İnşallah ikinci kitabıda yazmayı düşünüyorum. Zaman ve imkânlar nispetinde 2. kitapta çıkacaktır.