background img 100% 주는법(background-size:속성)

.bg img {

background:url('이미지파일') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover

}

 

 

background-size:속성

 

background-size:가로크기(px,%) 세로크기(px,%)

ex) background-size:100px 100px   백그라운드 이미지 크기를 가로100px 세로50px 로 맞춘다.

 

background-size:cover (가로크기 기준으로 가로/세로 비율을 맞춘다.)

background-size:contain (세로크기 기준으로 가로/세로 비율을 맞춘다.)