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.
Sigue la onda…
Puedes recibir gratis más artículos por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!
