배경 요소의 중심 위치 이미지

나는 내 웹 페이지의 배경을 그렸습니다.배경 요소의 중심 위치 이미지

body 
{ 
    background-image: url('../Image/Background.jpg'); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-position: center; 
}

나는 배경 이미지의 중심에 놓고 싶은 DIV가 있습니다.
왼쪽과 위쪽의 패딩을 50 %로 설정해야합니까?

출처

2011-08-11 Shahin

는 DIV 고정 폭 또는 동적이다? –

이 내용으로 수정 폭을 예를 들어 : 안녕하세요, 이것은 테스트입니다 – Shahin

아, 좋아. 다음 내 게시물을 참조하십시오. 그것은 당신을 위해 일해야합니다. –

<html> 
<head> 
    <style type="text/css"> 
     body { 
     background-color: blue; 
     background-repeat: no-repeat; 
     } 
     .div { 
      position:absolute; 
      width:100%; 
      text-align:center; 
      height: 100px; 
      top: 100px; 
     } 
</style> 
</head> 
<body> 
    <div class ="div"> 
     <p>ahgdsgdhuagh</p> 
     <p>ahgdsgdhuagh</p> 
     <p>ahgdsgdhuagh</p> 
     <p>ahgdsgdhuagh</p> 
     <p>ahgdsgdhuagh</p> 
     <p>ahgdsgdhuagh</p> 
    <div> 
</body> 
</html>

이 트릭을 수행해야합니다.

출처

2011-08-11 15:50:31

배경 이미지의 위치 DIV 중심을 확인하고 싶습니다. – Shahin

좋아, 그럼 내 대답은 트릭을해야합니다. 내 대답은 100 %로 설정되어 있기 때문에 너비와 높이를 지정하지 않아도됩니다. 너비와 높이를 지정하려면 조셉 답을 사용해야합니다. –

는 고정 폭 (예를 들어 500 픽셀 300 픽셀로는) 그런 다음 같은 것을 할 수 있다면 :

#myDiv 
{ 
    position:fixed; 
    width:500px; 
    height:300px; 
    left:50%; 
    top:50%; 
    margin-left:-250px; /*half the width*/ 
    margin-top:-150px; /*half the height*/ 
}

출처

2011-08-11 15:52:53

감사합니다. 너비 속성을 정확히 설정하려면 어떻게해야합니까? – Shahin

뭐니 뭐니해도 좋을 것 같아. 또는 div의 텍스트 일 경우 큰 값을 설정하고'text-align' CSS 속성을'center'로 설정할 수 있습니다. –

배경 요소의 중심 위치 이미지

답변

관련 문제