Opacity en CSS
En esta ocasión mostraré un efecto bastante simpático que podemos aplicar en capas, imágenes, formularios, etc…
La propiedad opacity funciona tanto en Internet Explorer como en Firefox:
IE:
filter: alpha(opacity=50)
Firefox:
opacity: .5
El siguiente ejemplo funciona en los dos navegadores:
<style type=”text/css”>
.ejemplo {width: 100%; background-color: red}
.opaco {filter: alpha(opacity=50); opacity: .5}
</style>
<p class="ejemplo">Ejemplo sin opacity.</p>
<p class="ejemplo opaco">Ejemplo con opacity a 50%.</p>
<p><img src="imagen.gif" width="100" height="109"><img src="imagen.gif" class="opaco" width="100" height="109"></p>
Autor: Federico Javier Elgarte
http://www.cssboulevar.com.ar/leer.php/articulo/9
Usuarios que han visto este tema también han visto...
- Cambiando de color las barras de scroll
- CSS y las tablas
- Guia basica de hojas de estilo
- Algunos consejos que te ayudarán en CSS
- Sintaxis CSS
Información legal | Política de Privacidad | Contacte con nosotros
Otro proyecto de Factoría de Internet. Copyright© 2003-2008 Factoría de Internet S.L.. Todos los derechos reservados.