IE 및 FF의 CSS 투명성 상속 문제에 대한 토론

상위 컨테이너가 투명성을 설정하면 하위 컨테이너는 상위 컨테이너의 속성을 상속하게 됩니다. 이 문제에 직면하면 이를 버그라고 부를지 아니면 모든 사람이 투명성을 이해하는 방식에 대한 문제라고 부를지 알 수 없습니다. CSS 표준이 가장 합리적이라고 생각하는 것과 관계없이 하위 컨테이너가 투명해지기를 원하지 않는 상황에 직면했을 때 이러한 문제를 해결하는 방법은 무엇입니까?

방법 1:

IE의 경우 하위 컨테이너에 추가합니다.
위치:상대적;
Firefox 등의 경우 png만 사용할 수 있습니다.
배경:url(images/boxBg.png);
/*다음은 IE에서만 인식됩니다*/
*배경:#CCCCCC;

방법 2:

간략한 설명도 인터넷상에서 흔히 볼 수 있는 방법이다.
먼저, 투명해야 하는 컨테이너와 불투명 컨테이너가 형제 관계를 유지하도록 합니다.
그런 다음 두 형제 컨테이너가 위치 지정을 통해 표면적으로는 부모-자식 배열을 유지하도록 부모 컨테이너를 통해 크기를 제어합니다.
두 번째 방법은 투명도 상속 문제를 피하지만 투명도 상속 문제를 해결하지는 않습니다.