Transparencias con CSS

Si queréis aplicar transparencia a los elementos en CSS podéis hacerlo fácilemente sin tener que recurrir a dos imágenes.

cssalpha

[css]
elemento {
filter: alpha(opacity=50); /* Internet Explorer 7 */
-khtml-opacity: 0.5; /* khtml, version anterior de safari */
-moz-opacity: 0.5; /* Firefox, Mozilla, Netscape */
opacity: 0.5; /* Safari, Chrome, Opera */
-ms-filter: «progid:DXImageTransform.Microsoft.Alpha(Opacity=50)»; /* Internet Explorer 8 */
}
[/css]

Podéis combinarlo como mejor veáis y seguro que da mucho juego en vuestros diseños. Yo personalmente lo utilizo con algunos elementos para resaltar algo cuando se pasa en ratón por encima.

Vía | Ayuda WordPress

Ir arriba