剪辑背景图像

Question

我有一个大的png文件，我使用css作为我的各种元素的背景图像文件。当我知道元素的宽度和高度时，我可以使用该图像，如

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

当我不想提供elemtn的宽度/高度时，如何使用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;
}

Answer 1

你必须使用负向左和向上，它会向该方向移动bgImage，使其显示从50px开始。

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