如何使用ImageMagick将图标合并为单个图像？
我想在网站上使用CSS精灵代替单独的图像文件，用于一个大量、大小相同的小图标集合。如何使用ImageMagick将它们连接（平铺）成一个大图像？
如何让一个DIV像IMG一样运作，以便用作CSS精灵？
我编写了一段代码，根据页面中的IMG标签自动创建CSS精灵，并用DIV替换它们，使用适当的CSS将精灵图像定位为背景，以显示适当的部分 - 问题是我无法让DIV作为IMG的替代品。如果我保留默认的"display"值设置为"block"，那么如果原始IMG被定位在某些文本的末尾，替换的DIV将...
CSS Sprites性能优化
我有一个静态图像，大小为500x640，它被分成了20x20个小块并使用CSS精灵存储在文件夹中。我正在设置背景位置以显示每个小块，我需要这种显示方式以便稍后能够操作每个小块。 CSS代码： .piece { width: 20px; ...
CSS - 使用鼠标指针精灵图
.fancybox-inner { overflow: hidden; background-color:#EEE; cursor: //url to an independent cursor image } 如果我的光标（3）都在一个CSS精灵图像中，我该如何引用光标属性的backg...
Firefox和Chrome在显示了655张图像后停止显示我的精灵。
问题 你好，我正在使用精灵图，并且遇到了一些有趣的问题：在 Firefox 和 Chrome 中，当我的精灵图包含655张图片或更少时，精灵图可以正常显示。但是，当它超过 656 张图片时，精灵图将不会被展示（只是变得看不见了）。我猜测这个问题不在我的代码中，因为它在 Opera 和 IE ...
如何移除或禁用before和after伪类？
这似乎非常琐碎，但我无法解决它。在IE8上，仅使用display:none进行覆盖不起作用。#selector::after { display: none; } 我正在修改一个使用before和after伪类来添加图像精灵的主题。
在网页中，SVG图像是否有类似于CSS Sprites的等效技术？
SVG图像不是位图，所以（除非我漏掉了什么），你不能像其他用于网页的图像文件一样进行 spriting（请参见http://www.alistapart.com/articles/sprites）。 但是是否有一种等效机制来将 SVG 图像的一部分显示为 CSS 背景？ 例如，想象一下语法...
有没有好的替代品可以取代Compass雪碧图生成器？（Rails雪碧图生成器）
我想知道是否有任何类似于Compass精灵生成器的库？我非常喜欢Compass的这个功能，但我不需要整个框架。我只需要创建一个包含PNG文件夹的精灵，并可能创建一些CSS类来显示精灵中的图形。我已经查找了一些精灵生成器作为Web应用程序。人们会将这些用于高流量网站吗？还是人们通常使用Photo...
CSS雪碧图的浏览器渲染
我们都知道CSS sprite图像可以很好地减少请求的数量等，但是如果有多个元素使用一个大图像作为背景，浏览器渲染页面的性能又如何呢？
将图标与文本对齐
怎样最好地将图标（左侧）和文本（右侧），或者将文本放在左侧，图标放在右侧进行对齐？ 图标图片和文本是否必须相同大小？理想情况下，它们应该不同但是垂直对齐。 我正在使用background-position CSS属性从一个更大的图像中获取图标。 这是我现在的做法，但我要么无法让它们在同一...