English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Die opacity CSS-Eigenschaft legt die Transparenz eines Elements fest.
Die folgende Tabelle enthält Anwendungsbeschreibungen und Versionshistorien dieses Properties sowie seine Verwendungssyntax in JavaScript-Skripten.
| Standardwert: | 1 (undurchsichtig) |
|---|---|
| Geeignet für: | alle Elemente |
| Vererbung: | keine |
| Animierbar: | ist.Bitte beziehen Sie sich auf Animationseigenschaft. |
| Version: | CSS3neue Funktion |
| JavaScript-Syntax: | object.style.opacity=0.5 |
Die Syntax dieses Properties ist wie folgt:
opacity: alphavalue | initial | inherit
Der folgende Beispiel zeigt, wie man die opacity-Eigenschaft verwendet.
img {
opacity: 0.25;
}
p {
opacity: 0.5;
}Testen Sie es hier‹/›Die folgende Tabelle beschreibt die Werte dieses Properties.
| Wert | Beschreibung |
|---|---|
| alphavalue | 0 (vollständig transparent) bis1im Bereich von (vollständig undurchsichtig) numerische Werte. Jeglicher kleinerer oder größerer Wert wird in diesem Bereich begrenzt. |
| initial | Setzen Sie diesen Property auf seinen Standardwert. |
| inherit | Wenn angegeben, verwendet das assoziierte Element den Wert der opacity-Eigenschaft des übergeordneten Elements. |
Kompatibilität der opacity-Eigenschaft von Browsern, die Zahlen in der folgenden Tabelle stellen die niedrigste Versionsnummer dar, die den Property unterstützt; alle gängigen Browser unterstützen dieses Property.
|
Hinweis: Internet Explorer 8und frühere Versionen unterstützen keine opacity, sondern eine Ersatzmethode, nur Microsoft filterEigenschaft. Gefällt mir: filter: Alpha(opacity=50); Erfahren Sie mehr überCSS DeckkraftMehr Informationen
Bitte beziehen Sie sich auf die folgenden Tutorials zur weiteren Information:CSS Deckkraft,CSS-Farbwerte.