Q. 아예 별개의 두 요소(박스)가 서로 겹쳐있을 수 있도록 할 수 있을까요?

안녕하세요
인장 처음 만들어본 초보입니다 ㅠㅠ
네이버와 게시판을 찾아봐도 막막한 부분이 있어서 여쭈고자 합니다

다름이 아니라 두 장 이상의 이미지를 겹쳐서 표시하는 방법을 찾아봤고
게시판에서 검색한 결과 '무딱'님이 작성하신 팁글 하나를 읽었습니다

-------------------------------------------------------------------------



제가 이해한 바로는 div박스 안에 또 다른 div박스를 넣는 방식인 것 같더라고요
그래서

<div data-inven-id="mainbox" style="background-image: url('https://upload2.inven.co.kr/upload/2017/03/31/bbs/i13273263106.gif'); background-repeat: no-repeat; margin-left:4px;">   ☜ 배경div박스

~ 인장내용 div박스 ~

</div>

이런 식으로 만들어봤는데
결국 [배경박스]에 [인장내용] 전체가 묶여서 작동될 수밖에 없는 거 같습니다

아예 배경과 인장내용을 별개의 두 박스로 만들고,
이 둘이 서로 겹쳐있을 수 있도록 할 수 있을까요?