Gjennomsiktig PNG i IE / Funger bare ett sted...

[tbaeck]

Hei,

Jeg skal lage en side med gjennomsiktig png som bakgrunn noen steder.. Har gjort dette paa www.theend.no, og da fungerte det veldig bra.

 

Provde aa sette det opp naa paa en annen side, men da fungerte det plutselig ikke... har proevd med flere forskjellige losninger, men det kommer bare rodt kryss i png\en.

 

Se her

http://www.kaospilot.co.uk/test.php

 

 

Eventuelt se

http://www.theend.no/

http://www.kaospilot.co.uk/ denne ser ut som et ^&^**( naa, men blir bedre hehe

 

Det er kaospilot.co.uk jeg messer med naa. Der du ser menyen skal det vaere hvit bakgrunn.. slik det blir i firefox..

 

Takk for hjelp...

[pgdx]

Personlig ville jeg har valgt en annen løsning som ikke baserte seg på transparent PNG. IE6 er ikke akkurat din beste medspiller når det gjelder nettutvikling, og det gjelder dessverre også i denne saken. Du vil nok rimelig enkelt få det til for Firefox, Opera, Konqueror og Safari, men det er noe drit med IE6.

 

Du kan gi IE6 et annet stilark, eller velge en annen løsning.

[attach]

Det finnes javascript-løsninger for det, hvis det er ønskelig, men jeg vil ikke anbefale det.

Endret 15. februar 2007 av attach

[ScratchMyTail]

Det finnes javascript-løsninger for det, hvis det er ønskelig, men jeg vil ikke anbefale det.

7948133[/snapback]

 

Hei!

 

Gjennomsiktige PNG i Firefox og Opera, kan denne css'en brukes.

body {
    background-color:#000;
       }
div.flower {
      background:url(flower-transparent.png) no-repeat;
      height:100px;
      width:100px;
      }

 

I IE er det noe mer komplisert:

div.flower {
     background:none;
     filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=’flower.png’ ,sizingMethod=’crop’);
}

 

div.flower er bare et eksempel, og du kan erstatte flower.png med ditt eget png bilde. Har testet dette og det fungerer. Håper det hjelper.

 

 

mvh ScratchMyTail