몸체의 배경 이미지 위치 조절하기

Question

몸체의 위치에 영향을 줄 수 있는지 궁금합니다. 500 x 500 픽셀의 이미지를 페이지의 중앙에 배치하고 반복하지 않도록 설정했습니다. 위치를 왜곡하여 중심에서 20 픽셀 아래로 표시되도록 할 수 있는지 궁금 해서요. 배경을 오버레이하는 더 큰 헤더가 있기 때문에 생각했습니다.

아이디어가 있으십니까?

감사합니다.

Answer 1

정확히 20 픽셀 오프셋을 사용하지 않는 경우 백분율을 사용하여 배경의 y 좌표를 오프셋 할 수 있습니다.

다음

background-position:50% 55%; 

더 많은 정보를 원하시면 링크입니다 : 예를 들면 다음과 같습니다 http://www.sitepoint.com/blogs/2007/07/05/css-using-percentages-in-background-image/

Answer 2

배경 이미지의 상단이 40px 더 커야합니다. 그러면 이미지가 20px 줄어 듭니다.

div 및 여백으로 해킹을 시도 할 수 있지만 이미지를 더 크게 만드는 것은 탈모를 일으키지 않고 동일한 효과를냅니다.

Answer 3

CSS에서 배경 위치 규칙의 사용을 조사하십시오.

background-position: left center; 

또는

background-position: 50px 100px; 

그들은 X Y의 순서로되어

: 너무 같은 공간에 의해 분리 된 2 개 값을 취한다.