background-size:cover > 퍼블리셔팁

퍼블리셔팁

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

background-size:cover 정보

HTML background-size:cover

본문

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

댓글 1개

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

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

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

IE 에서도 적용되니까.
전체 797
퍼블리셔팁 내용 검색 HTML에서

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT