İE6 sorunu: Bağlantı içi elemanlarda hover sorunu
Yine bir ie6 sorunu ile karşı karşıyayız. Evet proje biraz dallı budaklı olunca ie6 sorunları başa bela olmaya başladı. Normal standart site tasarımında sorunlar belli idi, ona göre kod yazıyordum, ancak şimdi proje normal site şablonlarından farklı olunca sorunlarda çalışmadığımız yerleden glemeye başladı.
Gelelim sorunun ne olduğuna; sorun şudur ki zemininden resim olan genişleyebilir alanlarda kullandığımız bir yöntem olan Sliding Doors(aynı yöntemi şurada da kullandım) yaptığım bir alanda hover efekti vermeye çalıştığımda karşılaştığım bir sorun. Daha kolay anlaşılmasıması ve benim içinde anlatması kolay olduğu için kaynaklardaki bir örneği vereceğim burada size ben.
HTML kodu
<div> <a href="#">foo<span>bar</span></a> </div>
CSS Kodu
span {
display: none;
}
a:hover span {
display: inline;
}
Örneği görmek için tıklayınız.
Burada yapılan çok basit bir iştir. Bağlantı üzerine gelince span içindeki bar yazısını gösteriyoruz. Ancak ie6′da bu sayfaya baktığımızda bar görüntülenmeyecektir.
Peki çözüm nedir?
Sorun hasLayout sorunu gibi görünsede genel hasLayout çözümleri pek işe yaramıyor. Haslayout sorunları ie6 ve ie7 de görülür, ancak Microsoft bu sorunu ie7 çözmüş görünüşe göre.
friendlybit.com sitesindeki çözüm yolu şöyle; a:hover elemanına padding-top:0 değeri atayıp sonrada a:hover span seçicisinede padding-top:0 değeri atayınca oluyor.
a:hover{
padding-top:0;
}
span {
display: none;
}
a:hover span {
display: inline;
padding-top:0;
}
Örneği görmek için tıklayınız.
Hocam makalenizi test ediyorumda problem padding-top:0; vermek değil 'de a:hover boş bırakmamak gibi görünüyor: Bilmem siz katılırmıısnız?
Haklısın :hover herhangi bir değer atayınca sorun gidiyor
Hocam çalışmalarınızı beğeniyle takip ediyorum. Ancak sizden bir isteğim olacak. :) Artık şu IE6 desteğini, onun için fazladan kod yazmayı bırakalım. Birçok -Türk- site IE6 uyumu kaldırsa, inanın ki hâlâ int. kafelerde IE6 kullanılmayacak. Sayyac.com'un genel istatistklerinde IE6 2. sırada olmaktan çıkacak. İnsanların "Amaan yetiyor bize" gibi cahilce düşünceleri son bulacaktır.
Saygı ve sevgiyle… :)
Keşke iş benimle bitse. İE6'yı sevmeyenler arasında google birinci ise bende 2. ciyimdir
Bende bunu çok isterim ama ne yazık ki iş benim ile bitmiyor. Keşke bitirdim demem ile bitse. Kullanım oranları hala bu seviyelerdeki bir tarayıcıyı görmemezden gelmek kolay değil. Yanlız onunda zamanı gelecek
Fatihcim çalışmalarını takdir ediyorum. Sende artık i.e 6.0 desteğini vermeye kessen nasıl olur? Artık bir çok yer i.e 6.0 desteğini iptal ediyor. Bizde artık desteğimizi vermeyelim. Enerjini yeni konulara ayırabilirsin. Bu saatten sonra i.e 6.0 kullanan varsada hataları görünce tarayıcısın güncelleme gereği hissetsin. Bu kadar teknoloji esnekliğide bir yere kadar.