CSS 배경이미지 설정

CSS 배경이미지 설정

HTML

<div className="fullScreenImg">
	<div className="inner">
    	</div>
</div>

1. CSS

fullScreenImg

  background-image:url('../public/images/epl_emblems_collection.jpg');
  background-repeat: no-repeat;
  background-size: cover;

inner

height: 100%;
background-Color: rgba( 255, 255, 255, 0.8 );

가장 밖에 전체화면 이미지를 설정 후
inner에 투명도를 설정한다.