transparencia-css3

Al igual que ya existía como aplicar transparencia, con CSS3 todo esto es más sencillo y estandar, usaremos doble background para aplicar transparencia a una caja de texto. Uno nos servirá para definir el color. El otro, para aplicar la transparencia, añadiendo un nuevo valor, que puede estar entre el 0 (transparente) y 1 (opaco).

rgba(0-255,0-255,0-255,0-1)

Para distintos navegadores, puedes incluir un simple RGB o color hex en la transparencia:

.miclase {

color: rgb(235,235,235);

color: rgba(255,255,255,0.75);

background-color: rgb(153,153,153);

background-color: rgba(0,0,0,0.5);

border-color: rgb(235,235,235);

border-color: rgba(255,255,255,0.65);

}

Este hack es válido para Safari 4, Firefox 3.0.5 en adelante, y Chrome 1.