Como utilizar el Opacity con CSS

0
136

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

Con más de 18 años de experiencia en programación, experto en lenguajes .NET, VB, C#, ASP.NET, Xamarin, XCode, DBA en SQL Server. Creador de dotnetcr.com, sitio web para programadores en español.

royrojas.com | dotnetcr.com

Dejar respuesta

Please enter your comment!
Please enter your name here