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에서 해주시기 바랍니다.

+
제목 글쓴이 날짜 조회
16-03-02 조회 878
16-01-19 조회 507
15-12-23 조회 659
15-12-08 조회 1,311
14-10-30 조회 2,898
14-06-06 조회 2,313
12-08-30 조회 1,524
12-08-20 조회 1,289
12-07-15 조회 2,720
12-07-13 조회 1,497
12-07-06 조회 1,481
12-06-27 조회 1,032
12-06-23 조회 1,152
12-05-03 조회 3,114
12-04-20 조회 2,058
12-03-29 조회 2,378
12-03-22 조회 2,726
12-03-22 조회 1,470
12-03-21 조회 1,300
12-03-11 조회 1,637
12-03-06 조회 1,916
12-02-22 조회 2,256
12-02-17 조회 1,238
12-02-17 조회 4,282
12-02-14 조회 3,906