CSS
ondoorzichtigheid
Zoeken…
Syntaxis
- dekking: aantal (* strikt tussen 0 en 1) | erven | voorletter | unset;
Opmerkingen
Als u geen dekking wilt toepassen, kunt u dit in plaats daarvan gebruiken:
achtergrond: rgba (255, 255, 255, 0,6);
Middelen:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C-transparantie: de eigenschap 'dekking': https://www.w3.org/TR/css3-color/#transparency
- Browserondersteuning: http://caniuse.com/#feat=css-opacity
Dekkingseigenschap
De dekking van een element kan worden ingesteld met de eigenschap opacity . Waarden kunnen variëren van 0.0 (transparant) tot 1.0 (ondoorzichtig).
Voorbeeld gebruik
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Eigendoms-waarde | Transparantie |
|---|---|
opacity: 1.0; | ondoorzichtig |
opacity: 0.75; | 25% transparant (75% dekkend) |
opacity: 0.5; | 50% transparant (50% dekkend) |
opacity: 0.25; | 75% transparant (25% dekkend) |
opacity: 0.0; | Transparant |
IE Compatibiliteit voor `ondoorzichtigheid`
Om opacity in alle versies van IE te gebruiken, is de volgorde:
.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
Licentie onder CC BY-SA 3.0
Niet aangesloten bij Stack Overflow