剪輯背景圖像

Question

我有一個很大的PNG文件，我使用css作爲我的各種元素的背景圖像文件。我可以使用圖像時，我知道元素的寬度和高度，像

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

如何使用bigImage，當我不想提供elemtn的寬度/高度，像

<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; 
} 

背景

Answer 1

您必須使用負向左和向上，它將bgImage移動到該方向，以便從50px開始顯示。

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