Discussão sobre questões de herança de transparência CSS no IE e FF

Quando o contêiner pai define a transparência, o contêiner filho herdará as propriedades do contêiner pai. Diante desse problema, não sabemos se devemos chamá-lo de bug ou de problema na forma como todos entendem a transparência. Independentemente do que o padrão CSS considere mais razoável, como resolver tal problema quando nos deparamos com uma situação em que não queremos que o subcontêiner seja transparente.

Método um:

Para IE, adicione no subcontêiner:
posição:relativo;
Para Firefox, etc., você só pode usar png.
plano de fundo:url(imagens/boxBg.png);
/*O seguinte é reconhecido apenas pelo IE*/
*fundo:#CCCCCC;

Método dois:

Uma breve descrição também é um método comum na Internet.
Construa três contêineres Primeiro, deixe o contêiner que precisa ser transparente e o contêiner opaco mantenha um relacionamento entre irmãos.
Em seguida, controle o tamanho por meio do contêiner pai para que os dois contêineres irmãos mantenham uma disposição aparentemente pai-filho por meio do posicionamento.
O segundo método evita o problema de herança de transparência, mas não resolve o problema de herança de transparência.