CSS
Opacidad
Buscar..
Sintaxis
- opacidad: número (* estrictamente entre 0 y 1) | heredar | inicial | desarmado
Observaciones
Si no desea aplicar opacidad, puede usar esto en su lugar:
fondo: rgba (255, 255, 255, 0.6);
Recursos:
- MDN: https://developer.mozilla.org/en/docs/Web/CSS/opacity ;
- Transparencia W3C: la propiedad 'opacidad': https://www.w3.org/TR/css3-color/#transparency
- Soporte del navegador: http://caniuse.com/#feat=css-opacity
Propiedad de opacidad
La opacidad de un elemento se puede establecer utilizando la propiedad opacity . Los valores pueden ser desde 0.0 (transparente) hasta 1.0 (opaco).
Ejemplo de uso
<div style="opacity:0.8;">
This is a partially transparent element
</div>
| Valor de propiedad | Transparencia |
|---|---|
opacity: 1.0; | Opaco |
opacity: 0.75; | 25% transparente (75% opaco) |
opacity: 0.5; | 50% transparente (50% opaco) |
opacity: 0.25; | 75% transparente (25% opaco) |
opacity: 0.0; | Transparente |
Compatibilidad de IE para la 'opacidad'
Para usar la opacity en todas las versiones de IE, el orden es:
.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
Licenciado bajo CC BY-SA 3.0
No afiliado a Stack Overflow
