상세 컨텐츠

본문 제목

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

쿠쿠 작업장(home page)/css

by eunclove 2013. 11. 6. 15:14

본문

728x90
반응형

.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 (세로크기 기준으로 가로/세로 비율을 맞춘다.)

728x90

'쿠쿠 작업장(home page) > css' 카테고리의 다른 글

css nav 만드는법  (0) 2013.11.26
resize  (0) 2013.11.12
input type별 css  (0) 2013.11.01
IE6~8 에서 CSS3 text-shadow / box-shadow / border-radius 속성 사용하는 방법  (0) 2013.10.11
css 내에 ie7 적용 시키기  (0) 2013.06.10

관련글 더보기

댓글 영역