인프런 커뮤니티 질문&답변

html      

  <div class="contents">

           <!--tab-->

            <div class="news">

              <div class="tab-inner"> <!--전체박스-->

                  <div class="btn">

                      <span>공지사항</span>

                  </div>

                  <div class="tab">

                      <a href="#none">sns 발송 서비스 개선작업<b>2020.01.09</b></a>

                      <a href="#none">휴대폰 인증 서비스 개선작업<b>2020.01.07</b></a>

                      <a href="#none">카드사 부분 무이자 할부 이벤트<b>2019.12.31</b></a>

                      <a href="#none">올앳 시스템 작업 안내<b>2019.12.20</b></a>

                      <a href="#none">휴대폰 결제 시스템 작업 안내<b>2019.12.20</b></a>

                  </div>

              </div>

            </div>

            <!--tab-->

            

            <!--갤러리-->

            <div class="banner">

                <div class="banner-inner">

                    <div class="btn">

                        <span></span>

                    </div>

                    <div class="tab">

                        <a href="#none"><img src="images/gallery-01.jpg" alt="gallery1"></a>

                        <a href="#none"><img src="images/gallery-02.jpg" alt="gallery2"></a>

                        <a href="#none"><img src="images/gallery-03.jpg" alt="gallery3"></a>

                    </div>

                </div>

               <!--갤러리-->         

          </div>

            <div class="shortcut"></div>

          

css

.tab-inner .btn span,

.banner-inner .btn span{

    border: 1px solid #000;

    display: inline-block; /*크기값을 주기위해,in-line으로 해야 밑줄 없애는거 적용*/

    width: 100px;

    text-align: center;

    padding: 5px;

    border-radius: 5px 5px 0 0;/*상우하좌*/

    border-bottom: none;

    margin-bottom: -1px;

    background-color: #fff;

}

.tab-inner .tab,

.banner-inner .tba{

    border: 1px solid #000;

    padding: 0 10px;

}

.tab-inner .tab a{

    display: block; /*가장 먼저 하기*/

    padding: 5px;

    border-bottom: 1px solid #333;

}

.tab-inner .tab a:last-child{ 

    border-bottom: none;

}

.tab-inner .tab a b{

    float: right;

    font-weight: normal;

}

.banner .tab img{

    width: 110px;

}

- 이미지들이 버튼 위에 위치해서 다 가려지네요 ㅠ

뭐가 문제일까요..?포지션-제트인덱스를 써봐도 안내려가네용 ㅠ

적용이 안된걸까요?