sábado, diciembre 21, 2024
Inicio CSS - Diseño Como utilizar el Opacity con CSS

Como utilizar el Opacity con CSS

0

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

Dejar respuesta

Please enter your comment!
Please enter your name here