DotNetcr.com
Si deseas hacer un intercambio de links con DotNetcr, escríbenos aquí
Recibe las actualizaciones vía RSS
Te invitamos a unirte en nuestras redes
   http://www.facebook.com/DotNetcr
   http://www.twitter.com/dotnetcr

Como utilizar el Opacity con CSS

Por CSSboulevar | 8/29/2005 | Visitas 5,016 | Voto 0.00
En esta ocasión mostraré un efecto bastante simpático que podemos aplicar en capas, imágenes, formularios, etc…
Categorías : CSS - Themes
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>


Ver ejemplo en funcionamiento
Area de Comentarios
Por Anónimo - Fecha: 2012/07/19 10:08 AM
I found your blog web-site on google and check searevl of one's early posts. Continue to keep up the pretty decent run. I just additional up your RSS feed to my MSN News Reader. Seeking forward to reading even more from you later on!…
Por Anónimo - Fecha: 2012/07/20 07:31 AM
nOS9OB , [url=http://zlyraoyxzhkn.com/]zlyraoyxzhkn[/url], [link=http://vhlczvjegpuv.com/]vhlczvjegpuv[/link], http://wxsvwisggtzp.com/
Por Anónimo - Fecha: 2012/07/21 01:42 PM
2Q27ig , [url=http://ebuostscqyqe.com/]ebuostscqyqe[/url], [link=http://hofnathogbze.com/]hofnathogbze[/link], http://lrswewujivha.com/
Ingrese su Comentario
Comentario
Para poder votar debe estar registrado en DotNetcr.com
Solo queda registrado el primer voto enviado
Voto


Últimos Recursos
natii_18
thesondemon
ibarra
dsevic
Eur
jota
PER 237
MEX 236
CRI 186
COL 117
ESP 104
ARG 87