Transparente Bilder via CSS

Mit folgender CSS Definition kann einem Bild relativ einfach und schnell eine Transparenz gesetzt werden:


/* Bilder 50% transparent setzen */
div#head a:hover img {
filter:alpha(opacity=50); -moz-opacity: 0.50; opacity: 0.50;
}


Dabei gelten die Werte folgenden Browser-Typen:

Internet Explorer: filter:alpha(opacity=50);
Hier muss ein Wert von 0 bis 100 eingegeben werden. 100 steht für komplette Transparenz.

Mozilla Browser (Firefox etc.): -moz-opacity: 0.50;
(Wert zwischen 0 und 1.)

Restliche Browser: opacity: 0.50;
(Wert zwischen 0 und 1.)