Diskussion über Vererbungsprobleme der CSS-Transparenz in IE und FF

Wenn der übergeordnete Container die Transparenz festlegt, erbt der untergeordnete Container die Eigenschaften des übergeordneten Containers. Angesichts dieses Problems wissen wir nicht, ob wir es als Fehler oder als Problem bezeichnen sollen, wie jeder die Transparenz versteht. Unabhängig davon, was der CSS-Standard für am vernünftigsten hält, wie lässt sich ein solches Problem lösen, wenn wir auf eine Situation stoßen, in der wir nicht möchten, dass der Untercontainer transparent ist?

Methode eins:

Fügen Sie für IE den Untercontainer hinzu:
Position:relativ;
Für Firefox usw. können Sie nur PNG verwenden.
Hintergrund:url(images/boxBg.png);
/*Folgendes wird nur vom IE erkannt*/
*Hintergrund:#CCCCCC;

Methode zwei:

Eine kurze Beschreibung ist auch im Internet eine gängige Methode.
Konstruieren Sie zunächst drei Container. Lassen Sie den transparenten Container und den undurchsichtigen Container eine Geschwisterbeziehung aufrechterhalten.
Steuern Sie dann die Größe über den übergeordneten Container, sodass die beiden Geschwistercontainer durch Positionierung eine scheinbare Eltern-Kind-Anordnung beibehalten.
Die zweite Methode vermeidet das Problem der Transparenzvererbung, löst jedoch nicht das Problem der Transparenzvererbung.