repeat-y를 사용하여 배경 위치 지정

배경 이미지가 있습니다. 이는 단순히 내 페이지의 주요 내용에 대한 래퍼입니다.repeat-y를 사용하여 배경 위치 지정

#background { 
    background: url("../image/bg.png") repeat-y 133px 50px; 
    color: #000000; 
    font-family: Arial,Helvetica,sans-serif; 
    margin: 0; 
    padding: 0; 
}

나는이 상단에서 왼쪽 및 50 픽셀에서 이미지 133px 위치 것이라고 생각했을 것이다, 그러나의 상단 나오 :

나는이 이미지 배경 이미지 등을 설정 한 브라우저.

왜 이런 일을하는 사람이 있습니까? 이미지가 repeat-y이있는 경우

감사

위치의이 종류는 할 수 있습니까?

감사

출처

2011-08-25 terrid25

당신은 정말 배경이 수직으로 반복 repeat-y, 모두 상하로을 사용하고 있습니다. 지정한 값 - 50px -은 원래 배경이 시작되는 곳이지만 배경의 높이가 50px 인 경우 그 위에 반복되므로 차이가 없음을 알 수 없습니다.

출처

2011-08-25 15:31:19 jeroen

뭔가 다른 것에 대해 조언 해 주시겠습니까? 아마도 음수 마진을 사용하고 있을까요? – terrid25

@ terrid25 달성하려는 목표에 따라 여러 가지 가능성이 있습니다. 하나는'body'에 50px의 위쪽 여백을주고 거기에 이미지를 넣고'# background'에 50px의 음의 위쪽 여백을 주면됩니다. – jeroen

나는 다음과 같은 것을 얻으려고 노력하고있다 : 나는 현재 중앙 집중식으로 정렬 된 컨테이너라는 메인 div를 가지고있다. 그런 다음 배경 이미지가 될이 주변의 래퍼 div를 컨테이너의 양쪽에있는 그림자 효과와 유사하게 사용합니다. 이 배경 래퍼는 컨테이너에서 약 50 픽셀을 시작해야합니다. 따라서 repeat-y를 사용하여 세로로 위치를 지정하는 나의 초기 예제. 나는 부정적인 여백을 사용해 보았는데 성공하지 못했습니다. – terrid25

repeat-y를 사용하여 배경 위치 지정

답변

관련 문제