Transparantie in CSS

artikel details Artikel details
In Artikels » CSS
Door BigSmoke
27-12-2007 17:52
Bron
CSS, transparantie
share Share
Toevoegen aan eKudos Toevoegen aan NUjij Toevoegen aan Technorati Toevoegen aan Del.icio.us facebook E-mail naar een vriend Plaatsen/stemmen op MSN Reporter Blig it! Voeg toe op netjes.be
artikels Soortgelijke artikels
Volledig artikel Transparante PNG's
Volledig artikel Cheat Sheets
Volledig artikel W3C valid
Volledig artikel Een lay-out maken met CSS...
Volledig artikel Knoppen maken met css


Adverteren bij Daisycon

Transparantie in CSS is niet zo gemakkelijk te bekomen. Elk browser heeft zijn speciefieke filter nodig. Ik zeg er wel bij als je deze code in je pagina gaat stoppen dat hij niet meer CSS valid zal zijn.

Transparantie in FireFox



#element {
    -moz-opacity: 0.90;
}

Transparantie in Internet Explorer



#element {
    filter: alpha(opacity=90);
}

Transparantie in Opera



#element {
    opacity: 0.90;
}


Transparantie in alle browsers samen



#element {
    filter: alpha(opacity=90);
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    -moz-opacity: 0.90;
    opacity: 0.90;
    width: 100%;
}

Voorbeelden


zonder transparantie zonder transparantie


Er zijn nog geen reacties op dit artikel.
Om op dit artikel te reageren dient u een account aan te maken.


webhog