Her zamanki gibi Internet Explorer problem çıkartıyor bu seferkide arka plan’dı. Aslında bu problemi çok önceden çözmüş ve aşmıştım ama tabi aradan zaman geçiyor ve lazım olduğunda tekrar bulmam gerekiyor.
Problemin çözümünü örnek vererek gösteriyorum.
<div class="rooteto"> <h2>Rooteto Başlık</h2> <p>Bu alan bana özel yazdığım alan.</p> </div>
Misal yukarıdaki gibi bir yapı var karşımda ben .rooteto class’ına arkaplan (background) ekleyeceğim bunu CSS ile alttaki gibi yapabiliyoruz.
.rooteto{ background: ('resim/yolu.png'); }
Bu tüm tarayıcılarda malesef aktif çalışmıyor Internet Explorer’da bu problemi aşmak için alttaki gibi kullanmanız yeterli.
.rooteto{ background: ('resim/yolu.png'); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/home.jpg', sizingMethod='scale'); }
IE 7 ve IE8‘de problemim vardı onlar düzeldi.
Olayı belki biraz uzattım yukarıdaki kodu eklemeniz yeterli diyebilirdim belki ama olsun anlatmışda olalım 🙂
Tarayıcılara göre işlemde yapabilirsiniz: Tüm tarayıcılar için CSS düzeltmeleri yapın.