为什么以及如何将图像保存在一个图像中？
为什么以及如何将图像保存在一个图像中？
提问于 2011-03-29 22:54:53
我注意到，最近网站开始将图片保存在一个大图片中。例如google.com
我们在左边看到了很多小图片。但实际上是一张图片：
这些图像是如何剪切和显示的？(firebug说它只是一个具有宽度和高度的元素，但是X和Y位置指向哪里以及如何指向呢？)
感谢您的回复
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-03-29 22:58:17
有了css背景，图像就会移动到正确的位置。图像的另一部分没有显示，因为以图像为背景的元素正好与所需的图片部分一样大。
尝试在背景部分的css中更改px值。您应该可以看到图像正在移动
<span style="background-position:-20px -132px" class="micon"></span>在这里，您可以看到用于此图像的背景位置
Stack Overflow用户
发布于 2011-03-29 22:58:19
这种技术被称为CSS Sprite。以减少加载多个图像所需的http连接数量。通常这是由设计者完成的。
Stack Overflow用户
发布于 2011-03-29 23:00:02
这被称为"CSS Sprites“。
互联网上有很多关于这方面的信息。按随机顺序排列：
- Smashing Magazine
- CSS Tricks
- A List Apart
还有更多..。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5474564
复制相关文章
相似问题
腾讯云开发者
