Pogledajte određenu poruku
Staro 14. 04. 2006.   #1
jasmanac
Knowledge base
Wrote a book
 
Avatar jasmanac
 
Datum učlanjenja: 24.06.2005
Poruke: 1.109
Hvala: 76
371 "Hvala" u 53 poruka
jasmanac će postati "faca" uskorojasmanac će postati "faca" uskorojasmanac će postati "faca" uskorojasmanac će postati "faca" uskoro
Pošaljite ICQ poruku za jasmanac Pošaljite poruku preko MSN za jasmanac Pošaljite poruku preko Skype™ za jasmanac
Default PNG kao background

Svi znamo koliko je tesko naterati .png sliku da radi u exploreru preko CSS background-a. Najzad resenje koje upravo resava gore pomenuti problem.

Kôd:
if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    window.attachEvent("onload", alphaBackgrounds);
}

function alphaBackgrounds(){
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
    for (i=0; i<document.all.length; i++){
        var bg = document.all[i].currentStyle.backgroundImage;
        if (itsAllGood && bg){
            if (bg.match(/\.png/i) != null){
                var mypng = bg.substring(5,bg.length-2);
                document.all[i].style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+mypng+"', sizingMethod='scale')";
                document.all[i].style.backgroundImage = "url('/images/x.gif')";
            }
        }
    }
}
Morate samo imati jedan blanko transparentni .gif fajl 1x1px i kao sto vidite on je konkretno u ovom slucaju smesten u folderu "images" ali samo promenite putanju ako zelite da ga premestite na neku drugu lokaciju.

Ima nekih sitnih bug-ova kada se koristi u nekim ekstremnim situacijama dok u 95% slucajeva radi savrseno.

Podrzane su verzije explorera 5.x pa navise. Malo li je


Poslednja izmena od jasmanac : 14. 04. 2006. u 02:26.
jasmanac je offline   Odgovorite uz citat