background-size:cover

port

프로필 보기 이 회원 글보기 이 회원의 댓글보기

· 13년 전 · 조회 4246 4246 · 댓글 1 1

큰 배경이미지로 여러 해상도의 웹페이지를 구성할때 사용할 수 있는 스타일시트 속성입니다.

CSS 3버전에서 지원되는 스타일시트이고요.

body요소에 background-size:cover 속성을 사용하게 되면 열려있는 웹페이지의 가로크기가 열려진 페이지의 가로 크기에 맞추어지고 세로는 비율을 유지한 상태로 배경이 채워지게 됩니다.

큰 배경이미지를 웹페이지로 지정할 때 유용하게 사용할 수 있는 스타일시트 속성입니다.

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 1개

cshop

프로필 보기 이 회원 글보기 이 회원의 댓글보기

13년 전

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

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

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

IE 에서도 적용되니까.

게시판 목록

퍼블리셔팁

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

글쓰기

번호	분류	제목	글쓴이	날짜	조회
527	HTML	[css] 속기 font 속성 사용시 주의	aequum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3225
526	HTML	공백 문자의 병합	aequum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2309
525	HTML	제대로 단위 사용하자	aequum 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2608
524	HTML	혹시.. color=grey 라고 아세요? [5]	b1ack 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2204
523	HTML	거참 이거 질답에올려야하나여기올려야하나;; [5]	우리까미 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2791
522	HTML	이미지를 돌려요 ~ [1]	낄낄닷컴 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2593
521	HTML	css3 메뉴	mydie 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	2615
520	HTML	스타일시트 선언에서 media="screen" 와 media="print"의 차이점	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	4763
519	HTML	가변 위치에 배너 붙이기 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3810
518	HTML	[css질문]<input type=text>에 한글을쓰면 textbox가 움직이는데... [3]	b1ack 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	6445
517	기타	알아두면 손 발이 편한 du 명령어 [3]	Kanzi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3669
516	HTML	[vim] 주석 달기~ [1]	Kanzi 프로필 보기 이 회원 글보기 이 회원의 댓글보기	13년 전	3007
515	기타	div 레이아웃 잡기! [17]	코코남편 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	4314
514	HTML	브라우저별 개발모드 [3]	K찰스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2978
513	JavaScript	Http Live Stream 에 관하여	visualp 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2577
512	JavaScript	img 자체에서 이미지 없을때 안보이게 하기 [12]	포그난 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	20156
511	기타	이미지맵 만들어주는 프로그램 [4]	켈리얀 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	5314
510	HTML	유용한 함수 get_included_files [7]	유창화 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2736
509	HTML	메타데이타를 제거하여 이미지 최적화하기 [5]	port 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3912
508	HTML	Loading Panel Widget	techer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2841
507	HTML	도와 주세요 [1]	호반의빛 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2067
506	HTML	DOM Method & Property	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	1984
505	HTML	[유용한팁][날짜]지정 년월의 마지막 일 구하기 [1]	좋은천사7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2578
504	HTML	[유용한팁][날짜]오늘의 년월일 가져가기	좋은천사7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2224
503	HTML	[유용한팁][날짜]요일 구하기[월화수목금토일]	좋은천사7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	4476
502	HTML	[유용한 팁][이벤트]사파리의 onload event	좋은천사7 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2799
501	HTML	지역 3단계로 되는 동적셀렉트좀 봐주세요...ㅠㅠㅠㅠ [1]	김준수사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2718
500	HTML	툴바 프로그램개발할때.... [1]	레인보우1492 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2198
499	HTML	코드 잘 모르는 이가 질문 [4]	네비플러스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2445
498	HTML	회원이 물품구매시 관리자페이지에 있는 관리자가 리플레쉬 안하고 바로 아는방법?? [1]	8제임스8 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2342