p

background-size:cover

큰 배경이미지로 여러 해상도의 웹페이지를 구성할때 사용할 수 있는 스타일시트 속성입니다.
CSS 3버전에서 지원되는 스타일시트이고요.
body요소에 background-size:cover 속성을 사용하게 되면 열려있는 웹페이지의 가로크기가 열려진 페이지의 가로 크기에 맞추어지고 세로는 비율을 유지한 상태로 배경이 채워지게 됩니다.
큰 배경이미지를 웹페이지로 지정할 때 유용하게 사용할 수 있는 스타일시트 속성입니다.

댓글 1개

cover property 는 IE 에서 적용이 되지 않기 때문에 IE 에서는

-ms-filter: sizingMethod='scale' property 를 사용하셔야 합니다.

scale property 는 .js 로 플래시 같은 로딩 animation 을 만들때 유용한 css 입니다.

IE 에서도 적용되니까.
댓글을 작성하시려면 로그인이 필요합니다.

팁게시판

6,077건

디자인과 관련된 유용한 정보를 공유하세요. 질문은 상단의 QA에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
12-08-02 조회 2,560
12-07-29 조회 1,848
12-07-26 조회 1,323
12-07-26 조회 1,541
12-07-22 조회 1,163
12-07-20 조회 1,005
12-07-19 조회 2,008
12-07-19 조회 1,303
12-07-16 조회 1,078
12-07-16 조회 2,070
12-07-15 조회 1,065
12-07-12 조회 5,220
12-07-12 조회 2,712
12-07-11 조회 1,029
12-07-09 조회 957
12-07-05 조회 1,722
12-07-04 조회 2,239
12-07-04 조회 1,385
12-07-04 조회 2,338
12-06-29 조회 1,449
12-06-27 조회 1,070
12-06-24 조회 1,349
12-06-22 조회 1,610
12-06-22 조회 6,036
12-06-22 조회 1,058