我们如何定位从图像精灵中获得的图像?

时间:2011-07-17 03:56:18

标签: html css

问题是如何定位从图像精灵获得的图像,因为背景位置属性已被用于从精灵中定位图像?例如,在下面的代码中,我怎样才能找到从精灵获得的主页在网页中的所需位置。

   <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
  <style type="text/css">
  img.home
  {
   width:46px;
   height:44px;
   background:url(img_navsprites.gif) 0 0;
  }
  </style>
 </head>

 <body>
    <img class="home" src="img_trans.gif" width="1" height="1" />
 </body>
 </html>

其中,(img_trans.gif)是透明图像,(img_navsprites.gif)是图像精灵。

1 个答案:

答案 0 :(得分:1)

您应该通过设置position: absolute并设置topleft来移动整个元素。