CSS 배경 위치 지정

다른 이미지의 이미지 온톨을하려고합니다. 예를 들어, 많은 사이트가 기본 배경을 가지고 있으며, body 태그에 사용되는 간단한 색상과 같은 html 태그와 다른 배경에 사용된다고 가정합니다. 그러나 그들은 그것을 화면의 75 %로 만들고 html 배경의 일부가 중심이되도록합니다. 나는 센터 태그를 화면의 75 %에 배치하는 방법에 집착하고있다. 미리 감사드립니다.CSS 배경 위치 지정

출처

2013-03-17 James Carter

div에 가운데에 맞추려면 margin:0px auto;과 position:absolute을 사용하고 싶습니다.

첫 번째 0px은 위쪽과 아래쪽 부분에 여백이 없다고 말합니다. 두 번째 속성은 오른쪽에서 왼쪽으로 여백을 자동으로 지정합니다. div가 가운데에 배치됩니다.

이 작업을 수행하려면 div이 있어야하며 절대 위치에 있어야합니다.

데모 (보너스 헤더) : CSS 코드 위 http://jsfiddle.net/btevfik/GPpeD/

출처

2013-03-17 15:38:34 btevfik

background: 
    url(backgroundOne.png) 60px 10px no-repeat, /* On top, like z-index: 4; */ 
    url(backgroundTwo.png) 10px 10px no-repeat, /*   like z-index: 3; */ 
    url(backGroundThree.png);      /* On bottom, like z-index: 1; */

시도

출처

2013-03-17 15:41:50 Siddhartha

당신은 래퍼 DIV를 사용하고 그것에게 75 %의 폭을 제공하고 다음 설정을 좋아한다 무엇 이건을 배경 적용 할 수 있습니다 중심에 놓으면 원하는 출력을 얻을 수 있습니다.

는

<html> 
<head> 
<style> 
.wrapper{ 
width:75%; 
height: 100%; 
background-color:red; 
background-position:center; 
margin: 0 auto; 
} 
</style> 
</head> 

<body style="background-color:black;"> 
<div class="wrapper">this is a 75% width wrapper</div> 
</body> 
</html>

auto은

출처

2013-03-17 15:55:40 mmounirf

당신은 몸에 CSS 배경 이미지 속성을 할당 시도하고 새로운 사업부를 만들 수있는 요소의 왼쪽과 오른쪽에 고르게 사용 가능한 공간을 분할하는 브라우저에 지시 그 위에 다른 배경을 지정하십시오. 그리고 컨테이너의 너비를 75 %로 설정하십시오. 또는 img 태그를 사용할 계획이라면 z-index 속성을 부여 할 수 있습니다. div 컨테이너를 중앙에 배치하려면 여백을 지정하십시오. 자동;

출처

2013-03-17 15:59:37

CSS 배경 위치 지정

답변

관련 문제