Mai 22 2007
Opacity (Transparenz) für verschiedene Browser
Ab CSS3 wird es (endlich!) eine einheitliche Definition für Transparenz bei Objekten geben. Bis dahin gilt leider, wie viel zu oft: “Verschiedene Browser, verschiedene Implementierungen.”
Los geht’s:
CSS
div {
opacity: 0.5 // CSS3
-moz-opacity: 0.5 // Mozilla
khtml-opacity: 0.5
filter: alpha(opacity=50); // Internet Explorer
}
JavaScript
div = document.getElementById("my_div");
div.style.mozOpacity = 0.5;
div.style.mozOpacity = 0.5;
div.style.khtmlOpacity = 0.5;
div.style.filter = "alpha(opacity=50)";
Nach der Internet Explorer-Variante musste ich richtig lange forschen. Aber es hat sich ja gelohnt. ;-)
