반복되는 배경 이미지를 스프라이트에서 사용할 수 있습니까?

Question

가능한 중복 :

CSS Sprites and repeating backgrounds가 반복 배경으로 스프라이트 이미지를 사용하는 것을 가능하게하는 어떤 트릭이 있습니까?

Answer 1

예 몇 가지 제한이 있지만 이미지가 반복되는 방식에 따라 다릅니다. 반복 방향에 따라이 문제를 해결하는 방법은 다음과 같습니다.

반복 : 가능하지 않다고 생각하십시오.

repeat-X : 스프라이트 시트에 세로로 겹쳐 쌓을 것입니다. "행"당 하나의 이미지 만 가질 수 있습니다. 모든 이미지의 너비가 동일해야합니다.

repeat-y : iage를 가로로 정렬하고 "열"당 하나의 이미지 만 갖습니다. 모든 이미지의 높이가 같아야합니다.

또한 각 반복/반복 안 함 방법에 대해 별도의 스프라이트 시트가 있어야합니다.

Answer 2

아니요. CSS3조차도이를 제대로 수행 할 수있는 방법을 제공하지 못합니다 (중복 질문에 표시된 바와 같이 image-rect 속성이 있지만 모든 브라우저에서 지원되지는 않습니다).