Opacidad entre navegadores | Programar Plus

En estos días, realmente no tiene que preocuparse de que la opacidad sea algo difícil entre navegadores. Solo usa la propiedad de opacidad, así:

.thing {
  opacity: 0.5;
}

0 es totalmente transparente (no será visible en absoluto, como visibilidad: oculta;) y 1 es totalmente opaco (predeterminado). Cualquier cosa intermedia es parcialmente transparente.

Por razones históricas, así es como solíamos hacerlo:

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}