使用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。