Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die Opazität Eigenschaft legt die Opazität Ebene für ein Element.
Die Opazität-Ebene beschreibt die Transparenz-Ebene, wobei 1 überhaupt nicht transparent ist, 0,5 beträgt 50% see-through und 0 ist völlig transparent.
| Standardwert: | 1 |
|---|---|
| Vererbt: | no |
| Anima: | yes, see individual properties . Read about animatable Try it |
| Version: | CSS3 |
| JavaScript-Syntax: | object .style.opacity="0.5" Try it |
Browser-Unterstützung
Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.
| Eigentum | |||||
|---|---|---|---|---|---|
| opacity | 4.0 | 9.0 | 2.0 | 3.1 | 9.0 |
Hinweis: IE8 und früheren Versionen unterstützt eine Alternative, die Filtereigenschaft. Wie: filter:Alpha(opacity=50) .
CSS-Syntax
opacity:number|initial|inherit;Eigenschaftswerte
| Wert | Beschreibung | Spiel es |
|---|---|---|
| number | Gibt die Opazität. Von 0,0 (fully transparent) bis 1,0 (fully opaque) | Spiel es " |
| initial | Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfangs | Spiel es " |
| inherit | Erbt diese Eigenschaft von seinem übergeordneten Element. Lesen Sie mehr über erben |
Mehr Beispiele
Beispiel
JavaScript verwenden, um die Opazität für ein Element zu ändern:
function myFunction(x) {
// Return the text of the selected option
var opacity = x.options[x.selectedIndex].text;
var el
= document.getElementById("p1");
if (el.style.opacity
!== undefined) {
el.style.opacity = opacity;
} else {
alert("Your browser doesn't support this example!");
}
} Versuch es selber " Verwandte Seiten
CSS Tutorial: CSS Bild Opazität / Transparenz
HTML - DOM - Referenz: opacity property