현제 제 인장 위에 가입일자 표시기까지는 만들었는데요 처음이라서 너무 어렵습니다...

이제 반투명한 흰색 박스를 배경위로 넣고싶은데 어떻게 넣어야 하나요


이런식으로 메우님처럼 넣고 싶습니다


*HTML

<div style="background-image: url('https://upload2.inven.co.kr/upload/2017/10/31/bbs/i13945257003.jpg'); width:450px; height:300px;">

 

<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2008-09-12 13:00:32&amp;c=fe9a2e#.png'); height: 20px;"></div>

 

<div style="text-align: center">

 

<div style="display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 16px; margin-left: 6px; color: #fe9a2e; border-radius: 6px; border: 1px solid #fe9a2e; overflow: hidden; font-size: 11px; padding: 0;" data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile" data-no-tooltip data-inven-result-detail>

<span data-inven-attr-for="input" style="float: left; width: 130px; font-size: 11px; color: #fe9a2e; padding: 0 4px; height: 21px; line-height: 21px; border: 0;"></span>

<span data-inven-attr-for="button" style="float: left; margin: 0 0 0 1px; padding: 6px 4px 4px 4px; background-color: #fe9a2e; color: white; border: 0; font-size: 11px; line-height: 100%; height: auto;"></span>

<span data-inven-attr-for="action-result" data-position="out" style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); margin-top: 2px; margin-left: 6px; color: #fe9a2e; border-radius: 6px; border: 1px solid #fe9a2e; padding: 4px 6px; font-size: 11px; width: 300px;"></span></div>