내 페이지에 배경 이미지의 오른쪽/왼쪽 정지 만 표시하려면 어떻게해야합니까?

Question

여러 개의 이미지를 표시하기 위해 표를 사용합니다. 첫 번째 td 요소에 왼쪽 절반 이미지를 표시하고 두 번째 td 요소에 오른쪽 절반을 표시해야합니다. 일부 이미지는 다른 이미지와 같이 너비가 두 배이기 때문입니다. 나는 div를 사용하여이 이미지를 child-div를 사용하는 처음 두 td 요소의 배경 이미지로 설정했다고 생각했습니다. 이제는 CSS를 사용하여 작동하도록 주변을 둘러 보았습니다.

제안 사항?

업데이트 : 작동 예 : <horizontal> 및 <vertical>이 background-repeat: no-repeat와 함께, 배경 오프셋입니다 background-position: <horizontal> <vertical>http://jsfiddle.net/BkAcu/2/

Answer 1

사용.

background-position을 음수 값으로 설정하면 bg가 왼쪽으로 이동합니다. (100 픽셀의 폭을 가지고 당신의 TDS 파일을 가정하고, 이미지가 200 픽셀을 수) https://developer.mozilla.org/en/CSS/background-position

예;

도 참조

#td1, #td2 { 
    background: url("200.png") no-repeat; 
} 
#td2 { 
    background-position: -100px; 
}