Opacidad entre navegadores - Trucos CSS

Tabla de contenido

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 en el medio es parcialmente transparente.

Por razones históricas, así es como lo hacemos nosotros:

.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; )

Articulos interesantes...