1. 투명 없이 하얗게 나오는 것은 img가 div 밖인 가장 위에 있어서 개별적으로 나오기 때문입니다.

이걸 인장 본문에 넣어주어야 합니다.

+ 마격 발사기는 인벤토리에서는 그렇게 보입니다.


2. 크기가 커서 다 보이지 않게 됩니다.

일단 가로 400px로 했어요.


3. 세 번째 탭이 두 번째 탭과 id가 1로 같아서 2로 수정했습니다.


궁금하거나 더 필요한 사항 있으시면 알려주세요.


<div style="background: url('https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11156603190.png') 0% 0% / 600px 600px; min-height: 595px; font-size: 11px;">
<div style="background: url('http://www.randomurl.ze.am/?id=p78cYbRPElB') 0% 0% / 600px 600px; font-size: 11px;">
<div style="background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); padding: 4px 6px;">
<div style="background: url('http://www.randomurl.ze.am/e/jd.php?d=2015-11-21 01:30:37&c=5BBEDF#.png'); height: 20px;"></div>
</div>

<div style="text-align: center;">
<div style='padding: 0px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; overflow: hidden; font-size: 11px; margin-top: 16px; margin-left: 6px; display: inline-block; -ms-zoom: 1; background-image: url('https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png'); data-inven-action="last-attack-5,last-attack-10,last-attack-all,search-profile,send-note" data-no-tooltip="" data-inven-result-detail="">
 <span style="padding: 0px 4px; border: 0px currentColor; border-image: none; width: 130px; height: 21px; color: rgb(169, 208, 245); line-height: 21px; font-size: 11px; float: left;" data-inven-attr-for="input">
</span>
 <span style="margin: 0px 0px 0px 1px; padding: 6px 4px 4px; border: 0px currentColor; border-image: none; height: auto; color: white; line-height: 100%; font-size: 11px; float: left; background-color: rgb(169, 208, 245);" data-inven-attr-for="button">
</span>
 <span style='padding: 4px 6px; border-radius: 6px; border: 1px solid rgb(169, 208, 245); border-image: none; width: 300px; color: rgb(132, 221, 251); font-size: 11px; margin-top: 2px; margin-left: 6px; background-image: url("https://upload2.inven.co.kr/upload/2015/03/02/bbs/i2612834329.png");' data-inven-attr-for="action-result" data-position="out">
</span>
</div>

 <div style="padding-top: 16px;" data-inven-tabs="">
  <div style="float: left;">
   <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(249, 192, 205);" data-inven-tab-for="0" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">
<img src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i12759367532.gif">
</div>
   <div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="1" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">
인장만들었어요</div>
<div style="margin: 6px 0px; padding: 4px 2px; border-radius: 0px 6px 6px 0px; width: 12px; color: white; cursor: pointer; background-color: rgb(132, 221, 251);" data-inven-tab-for="2" data-inven-selected-css="{'_SELF_':{'paddingLeft':'6px'}}" data-inven-unselected-css="{'_SELF_':{'paddingLeft':'2px'}}">
인장받았어요</div>
   <!--새 버튼 추가하는 곳-->
  </div>
  <div style="padding-bottom: 12px; margin-top: 6px; margin-left: 30px; min-height: 492px;">
   <div style="display: block;" data-inven-tab-id="0">
<!--메인 메뉴 내용-->
    <div style='border-radius: 6px; border: 1px solid rgb(62, 162, 195); border-image: none; width: 204px; display: block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
     <div style="padding: 4px 8px; color: rgb(62, 162, 195); font-weight: bold; border-bottom-color: rgb(62, 162, 195); border-bottom-width: 1px; border-bottom-style: solid;">
인벤의 그림쟁이 ♡ 학생회장</div>
     <div style="padding: 4px 8px; color: rgb(62, 162, 195); font-weight: bold;">
      카시코이 카와이이--?!<br />
 에리 ~ 치카 !<br />
│ 한쿠 : 166 . 162 . 311 │<br />
                                    │ 일쿠 : 231 . 140 . 247 │<br />
~ 덩실덩실 ~<br />
최애 : 에리 ♥ 차애 : 니코<br />
※※※인장공사중※※※     </div>
    </div>
   </div>
   <div style="display: none;" data-inven-tab-id="1">
    <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(62, 162, 195); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
     <div style="text-align: center;">
<!--이미지 1-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/02/bbs/i13722764784.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}">
<!--이미지 2-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/14/bbs/i11917230429.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}">
<!--이미지 3-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 3-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11354862033.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 4-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/25/bbs/i11635560250.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
</div>
<br />
<!--이미지가 표시될 상자 & 최초 이미지-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/03/06/bbs/i12088619767.gif") top / 100%; width: 400px; height: 334px;' data-inven-id="img_book">
</div>
    </div>
   </div>
<div style="display: none;" data-inven-tab-id="2">
    <div style='padding: 4px 8px; border-radius: 6px; border: 1px solid rgb(251, 178, 171); border-image: none; display: inline-block; background-image: url("https://upload2.inven.co.kr/upload/2015/11/25/bbs/i12387913663.png");'>
     <div style="text-align: center;">
<!--이미지 1-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11332194462.png)',&#10;&#9;'background-repeat':'no-repeat','height':'334px','background-size':'100%','background-position':'top center'}}">
<!--이미지 2-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}">
<!--이미지 2.1-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/20/bbs/i12611796095.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}">
<!--이미지 2.2-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/05/01/bbs/i11170780279.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'250px','background-size':'100%','background-position':'top center'}}">
<!--이미지 3-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/02/01/bbs/i12856985086.jpg)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 4-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/09/bbs/i11492318851.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 5-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10897518887.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 6-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/10/bbs/i10908294247.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 7-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2015/12/31/bbs/i11682343166.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-size':'100%','background-position':'top center'}}">
<!--이미지 8-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/01/07/bbs/i12312393866.gif)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}">
<!--이미지 9-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i12956411809.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}">
<!--이미지 10-->
<img width="16" style="max-height: 50px; max-width: 50px;" src="https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png" data-inven-over-css="{'img_book':{'background':'url(https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13202846259.png)',&#10;&#9;'background-repeat':'no-repeat','height':'550px','background-8size':'100%','background-position':'top center'}}">
</div>
<br />
<!--이미지가 표시될 상자 & 최초 이미지-->
<div style='background: url("https://upload2.inven.co.kr/upload/2016/03/23/bbs/i13059273797.gif") top / 100%; width: 400px; height: 334px;' data-inven-id="img_book">
</div>
    </div>
   </div>
   <!--새 내용 추가하는 곳-->
  </div>
 </div>
</div>
</div>
</div>