Cambiar opacidad en CSS (con hojas de estilo)

VitaminaWEB.com
RECURSOS PARA WEBMASTERS

HTML
CSS
JAVASCRIPT
DISEÑO/ESTILO
PROMO.WEB
ENTREVISTAS
NOTICIAS
FOROS

Estás aquí : Portada > CSS > Artículos > Cambiar opacidad en CSS (con hojas de estilo)

Promo recomendada :

 
Portada

CONTENIDOS

HTML

- Tutorial de HTML
- Artículos de HTML
- Enlaces relacionados
- Software para HTML

CSS

- Introducción a las Hojas de Estilo - CSS
- Artículos de CSS

JAVASCRIPT

- Tutorial de JavaScript
- Artículos de JavaScript

DISEÑO Y ESTILO

- Artículos de diseño, estilo, usabilidad y accesibilidad.
- Efectos con Paint Shop Pro

PROMOCION WEB

- Artículos relacionados con la promoción de páginas web

ENTREVISTAS

- Emilio Márquez
- Joaquín Gracia M.
- Adrian Hall

NOTICIAS
para Webmasters

FOROS
(en obras)

 

 

CSS > ARTICULOS DE CSS

CAMBIAR OPACIDAD EN CSS
(CON HOJAS DE ESTILO)

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>

 

Ver ejemplo en marcha

 

Federico Javier Elgarte
Webmaster de cssboulevar

 


BUSCADOR

Powered by Google

BlogUbuntu.com - El blog de un linuxero hablando de Ubuntu, de Linux y del software libre en general.

 

 

VitaminaWEB.com 2001-2008
[Portada] · [Datos legales] · [Buzón de contacto] · [Mapa de la web]

Enlaces patrocinados:
Gratis | Concursos | Juegos | Casino online

Otras webs:
Babadu.com | Chisteina.com | TodoFondos.com | MundoPostales.com
DineroFresco.com | Juegozonia.com | TodoFondoX.com | BlogUbuntu.com
MuchoGrafico.com | Programacion.com | WebEstilo | Hacking Ball Z
ASPtutor | LoGratis.com | CSSboulevar

Hosting recomendado:
Alojamiento web Grito.net