CSS 배경 위치 속성
예
배경 이미지를 찾는 방법 :
body
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
{
background-image:url('smiley.gif');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center;
}
»시도
태그 정의 및 지침
배경 위치 속성은 배경 이미지의 시작 위치를 설정합니다.
배경 - 첨부하도록 설정해야합니다 파이어 폭스와 오페라에서 작동이에 대한그주의 "(고정) 고정."
기본값 : | 0 % 0 % |
---|---|
상속 : | 아니 |
버전 : | CSS1 |
자바 스크립트 구문 : | object.style.backgroundPosition = "센터"반대 |
브라우저 지원
표의 수치 속성의 버전 번호를 먼저 지원 브라우저를 나타낸다.
재산 | |||||
---|---|---|---|---|---|
배경 위치 | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
주 : 엘리먼트를 지원하지 않는 브라우저 IE8및 이전 버전의 복수의 배경 화상을 갖는다.
속성 값
值 | 描述 |
---|---|
left top left center left bottom right top right center right bottom center top center center center bottom |
如果仅指定一个关键字,其他值将会是"center" |
x% y% | 第一个值是水平位置,第二个值是垂直。左上角是0%0%。右下角是100%100%。如果仅指定了一个值,其他值将是50%。 。默认值为:0%0% |
xpos ypos | 第一个值是水平位置,第二个值是垂直。左上角是0。单位可以是像素(0px0px)或任何其他 CSS单位 。如果仅指定了一个值,其他值将是50%。你可以混合使用%和positions |
inherit | 指定background-position属性设置应该从父元素继承 |
온라인 예
페이지의 배경 이미지를 설정하는 방법
이 예제에서는 페이지의 배경 이미지를 설정하는 방법을 보여줍니다.
%을 이용하여 배경 화상을 배치하는 방법
이 예에서는 % 설정 페이지 이미지의 위치를 사용하는 방법을 보여준다.
픽셀을 이용하여 배경 화상을 배치하는 방법
이 예는 픽셀 위치 설정 페이지에서 이미지를 사용하는 방법을 보여줍니다.
관련 기사
CSS 자습서 : CSS 배경
CSS 참조 설명서 : 배경 - 이미지 속성