Avatar billede kimdolleris Nybegynder
27. juni 2006 - 11:01 Der er 4 kommentarer og
1 løsning

Png hack(background-image) hvordan?

Heysan,

Jeg forsøgt under javascript, men der var det ikke et hit. Så jeg tænkte at det kunne være css-folket vidste besked!

Jeg har et fint png hack (fra en tidligere posther på eksperten):

<!-- PNG HACK START-->
<script language="javascript">

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    document.writeln('<style type="text/css">img { visibility:hidden; } </style>');
    window.attachEvent("onload", fnLoadPngs);
}

function fnLoadPngs() {
    var rslt = navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);

    for (var i = document.images.length - 1, img = null; (img = document.images[i]); i--) {
        if (itsAllGood && img.src.match(/\.png$/i) != null) {
            var src = img.src;
            img.style.width = img.width + "px";
            img.style.height = img.height + "px";
            img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + src + "', sizingMethod='scale')"
            img.src = "blank.gif";
        }
        img.style.visibility = "visible";
    }
}

</script>
<!-- PNG HACK SLUT-->

Og det er skam også helt fint. Problemet er at jeg gerne vil have en png som background-image - hvilket jo ikke bliver implementeret med <IMG> som hacket påvirker.

Er der nogen der har nogen idé om hvordan jeg får det til at virke? Det er selvfølgelig et must at det skal spille i IE, firefox og Safari (mon så ikke det spiller i resten også)...

Taaark!

/Kim
Avatar billede kimdolleris Nybegynder
27. juni 2006 - 11:03 #1
Hov, jeg skulle måske lige sige at idéen er selvfølgelig at det skal være tranparent! Fx smide en semitransparent baggrund i et div-tag :)
Avatar billede doggy82 Praktikant
27. juni 2006 - 12:26 #2
Det kan ikke laves med baggrundsbilleder.
Avatar billede kimdolleris Nybegynder
27. juni 2006 - 15:03 #3
jo...

.minclass{
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='mitbillede.png');
}

Det virker bare KUN i IE - og det er ikke så godt :(
Avatar billede tedar Nybegynder
30. juni 2006 - 10:16 #4
så kunne man jo lige snyde lidt, brug to divs med samme dimentioner - det nederste indeholder dit billede, det øverste det normale indhold :)
Avatar billede kimdolleris Nybegynder
01. oktober 2006 - 12:28 #5
/close
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester