Transparenz mit CSS
| opacity |
-moz-opacity |
-khtml-opacity |
filter:alpha |
-ms-filter: |
| 0% Deckkraft |
0% Deckkraft |
0% Deckkraft |
0% Deckkraft |
0% Deckkraft |
| 25% Deckkraft |
25% Deckkraft |
25% Deckkraft |
25% Deckkraft |
25% Deckkraft |
| 50% Deckkraft |
50% Deckkraft |
50% Deckkraft |
50% Deckkraft |
50% Deckkraft |
| 75% Deckkraft |
75% Deckkraft |
75% Deckkraft |
75% Deckkraft |
75% Deckkraft |
| 100% Deckkraft |
100% Deckkraft |
100% Deckkraft |
100% Deckkraft |
100% Deckkraft |
Die CSS-Eigenschaften
| Browser |
Eigenschaft |
| CSS3 |
opacity:X.X; (X.X ist ein Wert von 0.00 (unsichtbar) bis 1.00 (100% Deckkraft) |
| Ältere Mozilla-Browser |
-moz-opacity:X.X; (wie oben) |
| Alte Konqueror/Safari |
-khtml-opacity:X.X; (wie oben) |
| IE 4-7 |
filter:alpha(opacity=XXX); (XXX ist ein Wert von 0 bis 100) |
| IE 8 |
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; (wie oben) |
RGBA und HLSA
| RGBA |
HLSA |
| Rot, 25% |
Rot, 25% |
| Grün, 50% |
Grün, 50% |
| Blau, 75% |
Blau, 75% |
| Rot, 100% |
Rot, 100% |
Dieses div ist nur zur 50% sichtbar
Auch die Inhalte dieses divs sind nur zu 50% sichtbar.
Der Hintergrund dieses divs hat nur eine Deckkraft von 50%
Der Inhalt hingegen ist normal sichtbar.