使用CSS定位背景图像

Question

有没有办法用CSS精确定位背景图片？代码：

.content h2.productSpotlight {background:url(/images/spotlight.jpg) no-repeat; padding-left: 35px;}

我希望能够移动图像，使其与H2更加齐平

由于

Answer 1

是的，您可以为background属性提供偏移位置，例如：

background: url(/images/spotlight.jpg) no-repeat 10px 5px;

这会将背景图像从左角移动10px，从顶部移动5px。您也可以使用负值向相反方向移动。

Answer 2

当然，背景属性包括background-position。您可以单独指定为

background-position:20px 20px;

或作为

等组合语法的一部分

background:url(/images/spotlight.jpg) no-repeat 20px 20px;

请参阅reference at MDC。