css sprites：哪个html元素用于后台位置？

Question

我想知道使用标记html最好的css sprites？

我的意思是我可以使用

＆LT; img src =“trasparent.png”style =“background-position：ecc”＆gt; 还是？

我看到Google正在使用＆lt;跨度＆GT;对于G“o o o o o”gle的“o”

感谢

Answer 1

您几乎可以使用任何您喜欢的元素。

有一点需要注意的是，<span>和<a>等元素是内联元素。因此，如果您尝试向它们添加尺寸以匹配背景精灵的尺寸，则将忽略这些尺寸。要解决此问题，您可以使用行高或填充等内容来设置维度，也可以使用CSS将元素更改为块级元素：display:block。

允许添加维度的另一个规则是display:inline-block，但这可能会导致IE6和早期浏览器出现一些问题。

Answer 2

谷歌实际上正在使用跨度，根据我的经验也是一个不错的选择。