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 4,796 | 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
thesondemon
ibarra
dsevic
Eur
jota
juanjoguardiola
PER 237
MEX 236
CRI 185
COL 117
ESP 104
ARG 87