Discusión sobre cuestiones de herencia de transparencia CSS en IE y FF

Cuando el contenedor principal establece la transparencia, el contenedor secundario heredará las propiedades del contenedor principal. Ante este problema, no sabemos si llamarlo un error o un problema con la forma en que todos entienden la transparencia. Independientemente de lo que el estándar CSS considere más razonable, cómo resolver ese problema cuando nos encontramos con una situación en la que no queremos que el subcontenedor sea transparente.

Método uno:

Para IE, agregue el subcontenedor:
posición: relativa;
Para Firefox, etc., solo puedes usar png.
fondo:url(imágenes/boxBg.png);
/*Lo siguiente sólo es reconocido por IE*/
*antecedentes:#CCCCCC;

Método dos:

Una breve descripción también es un método común en Internet.
Construya tres contenedores. Primero, deje que el contenedor que debe ser transparente y el contenedor opaco mantengan una relación de hermanos.
Luego, controle el tamaño a través del contenedor principal para que los dos contenedores hermanos mantengan una disposición aparentemente padre-hijo a través del posicionamiento.
El segundo método evita el problema de la herencia de transparencia, pero no resuelve el problema de la herencia de transparencia.