Hallo allemaal,
Omdat ik niet zo heel veel te doen heb vandaag, heb ik een kleine tutorial voor de beginnende csser gemaakt. Misschien vinden de wat gevorderde het ook wel handig, wie weet...
In deze tutorial:
"¢ Opacity van een plaatje verlagen (05-06-2010)
-=============================================================-
In de eerste tutorial ga ik jullie leren hoe je, cross-browser (elke webbrowser).
Dit kan handig zijn als je een plaatje doorzichtig wilt hebben als je niet weet hoe je dat bijvoorbeeld in photoshop moet doen.
De css code:
Uitleg:
Eigenlijk is het een hele simpele code, elke lijn code doet hetzelfde, alleen heb je meerdere codes nodig omdat sommige codes niet in elke browser werken.
De getallen die je bij elke lijn code ziet staan zijn het percentage van het plaatje dat getoond mag worden.
Bijvoorbeeld: opacity: 0.7; = 70% van het plaatje word getoond, of met andere woorden: 30% van het plaatje wordt niet meer getoond.
-==============================================================-
Ik hoop dat jullie er wat aan hebben gehad, wanneer ik merk dat jullie er wat aan hebben gehad zal ik in het vervolg nog meer tutorials voor jullie gaan schrijven!
Groetjes,
Jos
Omdat ik niet zo heel veel te doen heb vandaag, heb ik een kleine tutorial voor de beginnende csser gemaakt. Misschien vinden de wat gevorderde het ook wel handig, wie weet...
In deze tutorial:
"¢ Opacity van een plaatje verlagen (05-06-2010)
-=============================================================-
In de eerste tutorial ga ik jullie leren hoe je, cross-browser (elke webbrowser).
Dit kan handig zijn als je een plaatje doorzichtig wilt hebben als je niet weet hoe je dat bijvoorbeeld in photoshop moet doen.
De css code:
.plaatje
{
opacity: 0.7; /*deze code is voor: firefox, safari, opera */
-khtml-opacity: 0.7; /*deze code is voor: oudere versies safari */
filter: alpha(opacity=70); /*deze code is voor: internet explorer */
-moz-opacity: 0.7; /*deze code is voor: mozilla, netscape */
}Uitleg:
Eigenlijk is het een hele simpele code, elke lijn code doet hetzelfde, alleen heb je meerdere codes nodig omdat sommige codes niet in elke browser werken.
De getallen die je bij elke lijn code ziet staan zijn het percentage van het plaatje dat getoond mag worden.
Bijvoorbeeld: opacity: 0.7; = 70% van het plaatje word getoond, of met andere woorden: 30% van het plaatje wordt niet meer getoond.
-==============================================================-
Ik hoop dat jullie er wat aan hebben gehad, wanneer ik merk dat jullie er wat aan hebben gehad zal ik in het vervolg nog meer tutorials voor jullie gaan schrijven!
Groetjes,
Jos
Maar goed, begrijpelijk 
De echt code is natuurlijk nog altijd de opacity:0.7;
Ja oké, je hebt nettere code en werkt misschien in meerde browsers maar toch, je ziet (bijna) geen verschil.
