CSS
Opacitet
Sök…
Syntax
- opacitet: antal (* strikt mellan 0 och 1) | ärva | initial | koppla;
Anmärkningar
Om du inte vill tillämpa opacitet kan du använda detta istället:
bakgrund: rgba (255, 255, 255, 0,6);
Resurser:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- W3C Transparency: Egenskapen 'opacity': https://www.w3.org/TR/css3-color/#transparency
- Webbläsarsupport: http://caniuse.com/#feat=css-opacity
Opacitet Egendom
Ett elements opacitet kan ställas in med hjälp av opacity . Värdena kan vara från 0.0 (transparent) till 1.0 (ogenomskinlig).
Exempel på användning
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Fastighetsvärde | Genomskinlighet |
|---|---|
opacity: 1.0; | Ogenomskinlig |
opacity: 0.75; | 25% transparent (75% ogenomskinlig) |
opacity: 0.5; | 50% transparent (50% ogenomskinlig) |
opacity: 0.25; | 75% transparent (25% ogenomskinlig) |
opacity: 0.0; | Transparent |
IE-kompatibilitet för "opacitet"
För att använda opacity i alla versioner av IE är beställningen:
.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
Licensierat under CC BY-SA 3.0
Inte anslutet till Stack Overflow