Conocimientos relacionados sobre la transparencia CSS Alpha. Primero, eche un vistazo al siguiente código:
Código de programa
filtro:alfa(opacidad=50); /* IE */
-moz-opacidad:0.5; /* Moz + FF */
Opacidad: 0.5; /* Navegadores que soportan CSS3 (FF 1.5 también lo soporta) */
Para explicarlo brevemente, IE usa el filtro de atributo privado: alfa (opacidad), Moz Family usa el atributo privado -moz-opacity y el atributo estándar es opacidad (CSS 3, Moz Family admite parcialmente CSS3). El siguiente valor es transparencia, use porcentaje o decimal (alfa (opacidad) use un valor mayor que 0 y menor que 100, que en realidad es un porcentaje). No ves Opera en el código anterior. Así es, Opera aún no admite la opacidad estándar ni tiene sus propias propiedades privadas para admitir la transparencia Alpha. Sin embargo, sabemos que Opera admite imágenes PNG transparentes Alpha (por supuesto, Moz Family también las admite). Entonces podemos usar una imagen de fondo para lograr la transparencia Alfa.
La clave es:
código de programa
fondo:url transparente(alpha80.png) izquierda arriba repetir!importante;
antecedentes:#ccc;
filtro:alfa(opacidad=50);
Dado que Moz Family admite PNG transparentes alfa, no necesitamos utilizar sus propiedades privadas. Por supuesto, puede usar la opacidad estándar, pero no use imágenes alfa transparentes y opacidad al mismo tiempo, de lo contrario se convertirá en una mezcla de las dos. Puede descargar el ejemplo anterior y echar un vistazo a los comentarios de /*opacity:.5;*/.