오버레이 이미지를 이미지 경계 내에 유지 - 이미지에만 고정되도록 제한

Question

이미지에 오버레이를 넣으려고 하는데 이 오버레이가 상단 메뉴 표시줄까지 확장되어 이미지에 그냥 붙여넣는 방법을 모르겠습니다.

이미지 크기를 조정하고 위치를 변경하는 다양한 방법을 시도했지만 여전히 메뉴 표시줄 위로 늘어납니다. 상단 위치를 조정할 때 전체 화면에 대한 작은 수정이지만 모바일에서는 메뉴가 숨겨져 있으므로 작동하지 않습니다. 그리고 크기가 변경되면 이미지 아래로 흐릅니다.

으아아아 으아아아

부품교체도 해봤고, 상대위치법도 해봤지만 아무 소용이 없었습니다.

Answer 1

.bg-image 上添加 position: relative，而不是在覆盖层 .bg-overlay > *의 각 요소를 추가하세요.

으아아아 으아아아