2011-12-01 4 views
0

CSS를 사용하여 다양한 요소에 대한 배경 이미지 파일로 사용하는 큰 png 파일이 있습니다. 나는 요소의 폭과 높이를 알 때처럼, 그 이미지를 사용할 수 있습니다클리핑 배경 이미지

<div id="play-btn"></div> 
.play-btn{ 
    background: url(../images/bigImage.png) no-repeat 203px 415px; 
    width: 100px; 
    height: 50px; 
} 

사용하는 방법 bigImage이 내가

<div id="star-icon">star on left</div> 
.star-icon{ 
    background: /*How I will use bigImage here on where star is at location 50,50*/, 
    padding: 5px 0 5px 60px; 
} 
처럼 elemtn의 너비/높이를 제공 할 해달라고 배경으로
+0

스프라이트를 사용하려면 출력을 제한해야합니다. –

답변

0

왼쪽 및 오른쪽 음수를 사용해야하면 bgImage가 해당 방향으로 이동하여 50px에서 시작합니다.

background: url(../images/bigImage.png) no-repeat -50px -50px;