YUKLENIYR

ie6 background resim sorunu

İnternet teknolojisi hızla geliştikçe kullandığımız programlar yenileniyor ve hızlı güncellemelerle gelişmelere ayak uyduruyorlar. Bütün bunlara rağmen hala internet explorer 6 kullanan kullanıcılar olduğunu görmekteyim. Tasarım işlerimde her zaman olmasada müşterilerimin bazıları ie6 ya oldukça önem veriyorlar sanırım bunun sebebide hedef kitlelerinin halen eski teknolojiyi kullanıyor olmaları. Her ne kadar üzücü gelsede eski teknolojiyi bir şekilde yeniye uydurmak bizim işimiz. ie6 dan sonra ie7 ve sonrasında ie8 ile explorer oldukça ilerleme kaydetti, olmasıda gerekiyordu çünkü halen dünyanın en çok kullanılan browserı durumunda ie.
Yazımızın konusuda ie6 nın png resimleri desteklememesi. Tasarımlarda arka planı şeffaf olması gereken resimleri ie6 arkaları gri olarak gösterecektir.
css dosyamızda aşağıdaki gibi bir kodumuz olduğunu düşünürsek;
background: url("img/resim-adi.png");


Bu standart css kodunda ie6 sonuç resim arka planı gridir.
sorunun çözümü ise;
background:transparent; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/resim-adi.png', sizingMethod='crop');

Bu kodu css dosyanıza eklediğinizde ie6 sorunu ortadan kalkacaktır.