CONTENIDOS
- Tutorial
de HTML
- Artículos de HTML
- Enlaces relacionados
- Software para HTML
- Introducción
a las Hojas de Estilo - CSS
- Artículos de CSS
- Tutorial
de JavaScript
- Artículos de JavaScript
- Artículos
de diseño, estilo, usabilidad y accesibilidad.
- Efectos con Paint
Shop Pro
- Artículos relacionados con la promoción de páginas web
- Emilio
Márquez
- Joaquín Gracia M.
- Adrian Hall
FOROS
(en obras)
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: .5El 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>
Federico Javier Elgarte
Webmaster de cssboulevar
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