background-size:cover

port

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

· 13년 전 · 조회 4245 4245 · 댓글 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에서 해주시기 바랍니다.

글쓰기

번호	분류	제목	글쓴이	날짜	조회
497	HTML	html에 100% 배경을 넣고 센터정렬을 했습니다.. 근데 ㅠㅠ [3]	신팀장 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3440
496	HTML	배경이미지 고정하기 스타일시트	피디인사이드 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2889
495	HTML	"[HTML] 부드럽게 서브메뉴가 슬라이딩 되는 펼침메뉴"에서 서브메뉴 클릭시 팝업창에 사진나오게 어떻게 하나요?	wgarlic 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	5880
494	HTML	프로그램 만들어야하는데.. 어떤방법이 좋을까요? [2]	또치2009 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2434
493	HTML	HTML5 elements	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2448
492	HTML	한글 체크 함수 [1]	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2922
491	HTML	HTML5 Web Forms 2.0 Cross-Browser Implementation	techer 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	1926
490	HTML	질문드립니다.답답해죽겠습니다. [3]	천사사랑 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2382
489	HTML	자동업데이트 만들기 위한 기반(자작 ㅠ.ㅠ) 소스 (원제: 자루스님~) [4]	Terrorboy 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3191
488	HTML	으아 글씨가 깨지는데 어떻게 하죠....? [2]	level999 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2427
487	HTML	자바스크립트 정규식 질문 드립니다 [3]	맨땅꽈당 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2424
486	HTML	document.body.scrollTop에 대해서 질문 올립니다. [1]	디오디오 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3756
485	HTML	그누보드4 LIMIT 와 OFFSET 최적화하기 메모	관리자 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2513
484	HTML	콤마......가 J로 출력되는거 같아요.. [1]	bdoo 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2160
483	HTML	소스가 안되서 질문을 좀 드려요 [1]	둥스 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2566
482	HTML	제이쿼리 부문 질문입니다. [1]	gtm100 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2166
481	HTML	PHP 쿼리호출해서 표시할때, 회원만 표시 질문이요..ㅠㅠ [1]	샤이니아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2514
480	HTML	[질문] 디비 내용안에 이미지 부분만 리사이즈 시키기. [1]	쌩뚱이 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2586
479	HTML	access_log파일 다운받는 방법... [2]	매너천사12 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2787
478	HTML	회원가입폼 수정 [2]	용마 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2180
477	HTML	[유트브]동영상 사이트 만들기 [3]	플레이디원 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	4250
476	HTML	도시 이름 한국어 리스트 [4]	berry 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3160
475	HTML	방문자경로 (리퍼러) 감추거나 바꾸는 소스 좀 알려주세요 [2]	재렁이1 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3069
474	HTML	계정홈디렉토리에 파일 복사해 넣기	선택이란 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2260
473	HTML	html5 실전가이드 최종입니다... [6]	호요 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2647
472	HTML	input 에 자연수 및 정수만 입력 [1]	비타주리 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	5351
471	HTML	html5 가이드 입니다. [5]	훗남 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	2012
470	HTML	웹 접근성 검사 K-WAH 3.0 [1]	아놔6636 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	3483
469	HTML	HTML Block-Level Elements Inline-Level Elements [2]	에그당 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	1964
468	HTML	[매뉴얼] Oracle DB 관리 지침서?(간단매뉴얼) [1]	아놔6636 프로필 보기 이 회원 글보기 이 회원의 댓글보기	14년 전	6556