랜딩페이지실습1-해설편中 'linear-gradient' 적용이 안됩니다

[김석화]

HTML 은 아래와 같이 해설편을 참고하고

 

<div class="portfolio">
<h4>What we can DO</h4>
<div class="portfolio-container">
<div class="portfolio-item pic1">
<div class="portfolio-text">
<h4>Stationary</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
</div>
</div>

 

CSS는 클래스를 분리해서 아래와 같이 작성하였습니다.

.portfolio-item {
float: left;
width: 50%;
height: 350px;
background-image: linear-gradient(rgba(0,0,0,0.4, rgba(0,0,0,0.4));
background-size: cover;

}

.pic1 {
background-image: url(../img/portfolio-1.jpeg);
}

 

크롬에서 아예 직선으로 찍 그어지면서 적용이 안되어서 질문해봅니다.

[codingapple]

.pic1에 있는게 우선적용된다는 소리입니다 

background-image를 2개로 분리하지말고 합칩시다 

[김석화]

..!! 헙 아까는 안됐는데 갑자기 마법처럼 잘되네요..! 감사합니다!

다음부턴 질문하기전에 머리한번 시원하게 감고 좀더 고민고민해보고 질문하갔슴다

[글쓴이]

글