HTML中是否有（或将有）图像精灵语法？

我不是最新的CSS改进，所以我认为这是值得问的

自动或指定高度和宽度的

。我喜欢CSS精灵，因为它们有明显的加载速度优势，但我讨厌为它写出所有的CSS。是否存在或将永远存在类似于

的语法，其中X/Y表示与CSS的

背景位置类似的位置偏移

我知道这对于图像尺寸来说是不可靠的，因为它们在HTML中进行缩放（而不是像带有背景图像的div那样进行裁剪）

这是可能的，还是我只是在偷懒？
无法想象这种情况会发生，即使发生了，你也会遇到多年来常见的跨浏览器问题。有许多服务可以为您计算CSS/坐标-例如，
无法想象这会发生，即使发生了，您也会遇到多年来常见的跨浏览器问题。有许多服务可以为您计算CSS/坐标-例如，
精灵本身通常用于将许多小图像合并为一个大图像。这样做不仅可以节省宝贵的加载时间和带宽，还可以保持站点结构的干净性和可管理性

范例

{background-position:0px -143px;} /* what ever*/

精灵本身通常用于将许多小图像组合成一个大图像。这样做不仅可以节省宝贵的加载时间和带宽，还可以保持站点结构的干净性和可管理性

范例

{background-position:0px -143px;} /* what ever*/

目前HTML中没有这样的东西

如果您手头有1像素的透明gif或png，则可以在图像标记上使用内嵌CSS：

<img style="background: url(/url.png) -Xpx -Ypx;" src="/1pix.gif" />



但您需要设置图像元素的宽度和高度，以便精灵背景可见

通过将透明图像文件直接包含在


GIF（较小）


（见附件）

但很明显，我们正在进入一个相当丑陋的领域。（我不能保证数据URL在IE 6中可以正常工作。）
目前HTML中没有类似的内容

如果您手头有1像素的透明gif或png，则可以在图像标记上使用内嵌CSS：

<img style="background: url(/url.png) -Xpx -Ypx;" src="/1pix.gif" />



但您需要设置图像元素的宽度和高度，以便精灵背景可见

通过将透明图像文件直接包含在


GIF（较小）


（见附件）

但很明显，我们正在进入一个相当丑陋的领域。（我不能保证数据URL在IE 6中可以正常工作。）
我几乎每天都使用SpriteCow。我几乎每天都用SpriteCow。如果有人正在寻找数据url，则数据url似乎错误：data:image/gif；base64，r0lgodlhaqaabaaaap///ywaaabaaacauwaow==@WebDev:ooh亲爱的，你说得很对-不确定我放在那里的是什么数据URL，但它根本不起作用。我已经更正了答案，谢谢。注意：你的数据URL看起来是白色的1像素GIF，而不是透明的-看哈哈，好吧，我感到羞耻，首先我想创建一个，但后来在jquery砌体插件中偶然发现了这个。如果有人在找，数据URL似乎错了：data:image/GIF；base64，r0lgodlhaqaabaaaap///ywaaabaaacauwaow==@WebDev:ooh亲爱的，你说得很对-不确定我放在那里的是什么数据URL，但它根本不起作用。我已经更正了答案，谢谢。注意：你的数据URL看起来是一个白色的1像素GIF，而不是一个透明的-看哈哈，好吧，我感到羞耻，首先我想创建一个，但后来在jquery砌体插件中偶然发现了这个。这似乎不是OP问题的答案。这似乎不是OP问题的答案。