CSS
Opazität
Suche…
Syntax
- Deckkraft: Zahl (* streng zwischen 0 und 1) | erben | initial | unset;
Bemerkungen
Wenn Sie keine Deckkraft anwenden möchten, können Sie stattdessen Folgendes verwenden:
Hintergrund: rgba (255, 255, 255, 0,6);
Ressourcen:
- MDN: https://developer.mozilla.org/de/docs/Web/CSS/opacity ;
- W3C-Transparenz: Die Eigenschaft "Deckkraft": https://www.w3.org/TR/css3-color/#transparency
- Browserunterstützung: http://caniuse.com/#feat=css-opacity
Deckkraft-Eigenschaft
Die Deckkraft eines Elements kann mit der opacity Eigenschaft festgelegt werden. Die Werte können zwischen 0.0 (transparent) und 1.0 (undurchsichtig) liegen.
Verwendungsbeispiel
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Eigentumswert | Transparenz |
|---|---|
opacity: 1.0; | Undurchsichtig |
opacity: 0.75; | 25% transparent (75% undurchsichtig) |
opacity: 0.5; | 50% transparent (50% undurchsichtig) |
opacity: 0.25; | 75% transparent (25% undurchsichtig) |
opacity: 0.0; | Transparent |
IE-Kompatibilität für "Deckkraft"
Um die opacity in allen IE-Versionen zu verwenden, lautet die Reihenfolge:
.transparent-element {
/* for IE 8 & 9 */
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; // IE8
/* works in IE 8 & 9 too, but also 5, 6, 7 */
filter: alpha(opacity=60); // IE 5-7
/* Modern Browsers */
opacity: 0.6;
}
Modified text is an extract of the original Stack Overflow Documentation
Lizenziert unter CC BY-SA 3.0
Nicht angeschlossen an Stack Overflow