CSS3 - transparent baggrund

Tags:    css3

Hej uv'er!

Nu har jeg søgt og søgt efter en løsning, uden held. Jeg vil gerne have mit baggrunds billede til at blive gennemsigtig med en opacity på 0.5, men den skader min tekst. Jeg har haft løst det før, kan bare slet ikke huske hvordan.

Er der nogle der lige kunne give et hint, for har søgt og søgt længe.

Håber at der er nogle der kan hjælpe.



9 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma
Sorter efter stemmer Sorter efter dato
Fold kodeboks ind/udCSS kode 




Det virker ikke.

Fold kodeboks ind/udCSS kode 


Jeg bruger baggrundsbillede på en div.



Ok, det er et baggrundsbillede :-)

Hvad mener du så med at den skader din tekst? Afhængig af billedet, vil teksten altid kunne blive sløret. Du kan evt. prøve med en anden font / bold osv. for at få teksten til at stå mere klart.



Før hen har jeg da kunne lave baggrundsbilledet gennemsigtig, uden at teksten blev gennemsigtig.

Ligesom her:

http://24ways.org/2009/working-with-rgba-colour

Det er noget med rgba()



Fold kodeboks ind/udCSS kode 






Så bliver baggrunden hvid :/



Prøv at google efter css3 transparent background image. Der er masser af eksempler og mange er nok fra før IE9 tiden, så prøv at finde noget relativt nyt.



Hvorfor sætte opacity gennem CSS, når et png har en alpha kanal ? Altså lav da png semi-transparent gennem dit billedebehandlingsprogram.

/J



Håber dette link kan hjælpe
Link





t