하나의 배경이미지를 전체화면에 맞게 출력하기 happycgi

회원가입

출석체크

마이페이지

CGIMALL

jquery , CSS , PHP , Javascript , 무료폰트 , ASP

홈 > CSS > 이미지 > 하나의 배경이미지를 전체화면에 맞게 출력하기 상세정보

클라우드태그

Javascript

php

ASP

css

html

mysql

jquery

image

API

mobile

메뉴

slide

게시판

현재접속자 명

하나의 배경이미지를 전체화면에 맞게 출력하기

해피팀

네티즌

소스분류

이미지

다운로드 횟수

0 회

간단설명

하나의 배경이미지를 브라우저의 크기에 맞게 꽉 차게 출력하는 css3 소스입니다.

평가하기

한개의 배경이미지로 브라우저 화면의 크기에 맞게 꽉차서 출력이 되는 css 입니다.

html {
background: url(images/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

하나의 배경이미지를 브라우저 전체화면에 꽉채우고자 할때 사용.
배경이미지의 중앙이 브라우저의 중앙에 출력합니다.
배경이미지는 큰이미지가 필요합니다.
배경 이미지의 가로, 세로 길이 모두 엘리먼트보다 크다라는 조건하에 가능한한 배경 이미지를 작게 조정합니다
가로/세로 비율은 유지됩니다.
사파리, 크롬, 익스9 버전 이상에서 확인하였습니다.