Aqui tenemos la forma de poner la transparencia es distinta en cada uno de los navegadores, para eso, tenemos que poner en la clase que quereamos, cada una de las etiquetas que tenemos a continuación. Es necesario poner todas si queremos que nos funcione en todos los navegadores.
Como vemos, cada uno de ellos se utiliza de una manera, hay los que utilizan el tanto por ciento, es decir, que el valor va de 0 a 100, 0 transparente, 100 opaco, como es el caso de opacity de explorer, y los otros van de 0 a 1, 1 opaco, y 0 trasparente, y los valores intermedios seria con 0.5, opaciada media, para los demas navegadores.
| Explorador | css | Numeracion |
| Internet Explorer | filter:alpha(opacity=NN); | entre 0 y 100 |
| Firefox-Mozilla | -moz-opacity:X.X; | entre 0 y 1 (0.5) |
| Safari antiguos | -khtml-opacity: X.X; | entre 0 y 1 (0.5) |
| Safari antiguos | opacity: X.X; | entre 0 y 1 (0.5) |
Para tener la opacidad en todos los navegadores, tenemos que poner todos
.Opacidad {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}
