배경 위치 구문을 이해할 수 없습니까?

Question

나는 그라디언트를 사용하여 디자인 패턴을 CSS3에 배우고 있습니다. 그러나 그것이 어떻게 작동하는지 이해할 수없는 무언가에 집착하십시오. 사실, 저는 Lea Verou의 블로그 게시물 인 Link을 통해 패턴을 이해하려고합니다.

이제 체크 패턴 패턴 CheckBox Pattern Demo의 패턴이 있습니다.

CSS에 background-position: 0 0, 50px 50px; 세트가 있습니다.

우리가 알고있는 한, 오른쪽 상단이 배경 위치에 놓일 수는 있지만 쉼표없이 설정됩니다.

그래서,이 새로운 배경의 배경으로이 백그라운드 위치가 어떻게 작동하는지 설명 할 수 있습니까? 이전처럼 CSS 스프라이트에서 이미지를 설정하는 데만 사용하지만 이것은 새로운 것입니다.

미리 감사드립니다.

Answer 1

background-position: 0 0, 50px 50px; 두 가지 배경에 대한 위치 값을 설정 중입니다. 샘플을 보면 background-image에 실제로 같은 배경이 2 세트 있다는 것을 알 수 있습니다.