aan alle goede dingen komt een eind, webmasterplein.net 2003 - 2013
wij danken jullie voor al mooie momenten die dankzij dit forum ontstonden - Derk, Rutger en Stef

Transparantie

Het echte opmaakwerk, alles vragen over HTMLen, CSSen en Javascripten.

Transparantie

Berichtdoor Remi » 02 jun 2010 19:48

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
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: Transparantie

Berichtdoor frizzy » 02 jun 2010 19:52

frizzy
wmpr
 
Berichten: 4261
Geregistreerd: 20 sep 2006 16:03
Woonplaats: Boskoop :D

Re: Transparantie

Berichtdoor Remi » 02 jun 2010 19:59

Dat ga ik eventjes uitproberen!
Avatar gebruiker
Remi
wmpr
 
Berichten: 3010
Geregistreerd: 04 apr 2006 15:22

Re: Transparantie

Berichtdoor Stef » 02 jun 2010 22:22

In photoshop wit vakje 60% transparant maken, opslaan als gif en als achtergrond zetten.
Avatar gebruiker
Stef
wmpr
 
Berichten: 5575
Geregistreerd: 27 nov 2003 21:51

Re: Transparantie

Berichtdoor KillerSponge » 02 jun 2010 23:24

Dat blijft natuurlijk een lelijke oplossing... CSS transparantie is de toekomst :)
Blabla en andere onzin - http://killersponge.nl
Avatar gebruiker
KillerSponge
Beheerder
Beheerder
 
Berichten: 14456
Geregistreerd: 24 aug 2004 13:05

Re: Transparantie

Berichtdoor Stef » 03 jun 2010 12:36

KillerSponge schreef:Dat blijft natuurlijk een lelijke oplossing... CSS transparantie is de toekomst :)


Maar voorlopig nog niet mogelijk.
Avatar gebruiker
Stef
wmpr
 
Berichten: 5575
Geregistreerd: 27 nov 2003 21:51

Re: Transparantie

Berichtdoor DoubleJ » 06 jun 2010 15:54

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*/
}
De wondere wereld van het wijde web.
Avatar gebruiker
DoubleJ
wmpr
 
Berichten: 253
Geregistreerd: 20 jan 2008 20:32


Keer terug naar HTML, CSS, Javascript



cron