배경 오버레이에 대한 한 가지 질문

Question

<div>
    <div>
         <div></div>
    </div>
</div>

내부 배경이 외부 배경을 덮어 쓰는 것 같습니다. 왜 이렇게 설계 되었습니까?

Answer 1

배경은 둥지를 둥글게 할 것입니다 ... 종이 조각을 생각하십시오 ... 종이를 쌓을 때 첫 번째 크기가 뒤에있는 것보다 작고 가장 큰 것이 표시됩니다. 우주. 투명성은 동일한 원칙과 함께 작동합니다.

Answer 2

z-index 속성을 사용하면 요소가 겹치는 방법을 더 많이 제어 할 수 있습니다. 그러나 절대 위치 레이아웃을 사용하는 경우에만 마지막 옵션으로 권장됩니다. 그렇지 않으면, 기본 HTML 의미론을 고수하고 포지셔닝 요소에 대한 모범 사례를 찾으십시오.