剪辑背景图像

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;