프로젝트1 실습 질문이 있어요

[dasddad]

<div class="portfolio-item1">
     <div class="white-box"></div>  
      <div class="portfolio-text">
      <h4>Stationary</h4>
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
      </div>
</div>

기존 코드에 HTML을 이렇게 추가하고

.white-box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index : 2;
  border : 0px solid white;
}

.white-box:hover {
  border : 30px solid white;
}    

 ---> 여기에서 white-box에 position:absolute를 주면 
white-box가 portfolio-item1의 백그라운드 이미지를
완전히 가리지만, white-box 에 background-color를 안줘서 
portfoilo-item1의 background image가 여전히 보이는 건가요?

[codingapple]

그럴듯요 배경색줘서 확인해봅시다

[글쓴이]

글