图像标记中的背景位置

Question

我使用了background-position：（0）px（0）px;很多次在css和background-image：url（.....）; 但我想知道我是否可以在IMAGE标签中使用此Css属性。我真正想要的是这样的事情;

<a href="(some line page.html)" target="_blank"><img style="float: left; background-position: 0px 0px;" src="images/variousthumbnails.jpg" alt="Thumbnail 1" width="100" height="98" /></a>

“variousthumbnails.jpg”包含9个宽度为100px，高度为98px的图像。我想在此图像标签中显示第一个缩略图，“0px 0px”，以此类推。 请尽可能让我知道。

我不能在css中使用background-image。

谢谢。

Answer 1

我相信你所指的是一种名为CSS Sprites的方法。

您使用一张包含许多小图片的大图片，因此您只需加载一张图片即可用于所有页面的用途。

以下是对它的一个很好的概述：CSS - using one background image with multiple images on it