background-position : -209px -2px, 배경이 부정적인 위치를 이해할 수 없습니다.

Question

1000x3000 픽셀 이미지가 있고 음수 배경 위치를 사용하면 어떻게 작동하나요?

저는 왼쪽으로 209 픽셀 이동 한 다음 2 픽셀 위로 이동 한 다음 실제로 남아있는 부분을 보여 주면서 작동한다고 생각했지만 그 반대의 역할을하는 것으로 보입니다.

Answer 1

배경 위치 속성은 실제로 배경 이미지 자체를 요소를 기준으로 이동합니다. 인스턴스의 경우 {background-position: 0 0}을 사용하면 이미지의 왼쪽 상단에있는 (0,0)이 HTML 요소의 왼쪽 상단에 배치됩니다. -ve left offset

는 위의 코드에서 왼쪽으로 화상 위쪽으로 동화상 -ve top offset 수단 ..

이동하는 수단 제 0는 left offset 지칭 및 제 0가 있습니다 .. top offset 지칭

{background-position: -209px -2px} 

은 이미지를 왼쪽으로 209px 이동하고 위쪽으로 2px 이동한다는 의미입니다.

희망이 도움이 될 것입니다.

Answer 2

음수 기호는 다음과 같이 해석해야합니다.

background-position : -x, -y; 말하는 것과 동일합니다 ... background-position : x 픽셀 왼쪽, y 픽셀 up;