Pagina 1 van 1

Transparantie

BerichtGeplaatst: 02 jun 2010 19:48
door Remi
Hey,

Ik zit met een vraagje.
Ik wil graag een wit vlak met transparantie 75% over een deel van een website heen leggen. Hoe kan ik doen, zodat het werkt in alle browsers (het liefst ook IE6, maar hoeft niet perse).

Remi

Re: Transparantie

BerichtGeplaatst: 02 jun 2010 19:52
door frizzy

Re: Transparantie

BerichtGeplaatst: 02 jun 2010 19:59
door Remi
Dat ga ik eventjes uitproberen!

Re: Transparantie

BerichtGeplaatst: 02 jun 2010 22:22
door Stef
In photoshop wit vakje 60% transparant maken, opslaan als gif en als achtergrond zetten.

Re: Transparantie

BerichtGeplaatst: 02 jun 2010 23:24
door KillerSponge
Dat blijft natuurlijk een lelijke oplossing... CSS transparantie is de toekomst :)

Re: Transparantie

BerichtGeplaatst: 03 jun 2010 12:36
door Stef
KillerSponge schreef:Dat blijft natuurlijk een lelijke oplossing... CSS transparantie is de toekomst :)


Maar voorlopig nog niet mogelijk.

Re: Transparantie

BerichtGeplaatst: 06 jun 2010 15:54
door DoubleJ
Stef schreef:In photoshop wit vakje 60% transparant maken, opslaan als gif en als achtergrond zetten.

Je bedoelt dat je hem als .PNG moet opslaan. .GIF ondersteund de alpha transparantie laag niet.

IE7/8 ondersteunen de .png evenals alle andere grote browsers(IE6 buitenbeschouwing) dus:

Code: Selecteer alles
.transparant {
background: url("images/trans.png");
/* eventueel voor css3 kun je doen */
background: rgba("255, 255, 255, 0.75);
}


wat ik op mijn eigen website heb voor bijvoorbeeld mijn menu is iets in deze orde:
Code: Selecteer alles
.transparant {
background: #fff; /* default wit voor alle browsers */
background: rgba(255,255,255,0.75); /* transparantie is .75% voor Webkit/Presto/Mozilla gebasseerde browsers*/
}