我使用CSS Sprite技术，并使用类似下面这样的背景图片： 图标对应的CSS代码： div.icon { background-color: transparent; background-image: url("/images/icons.png"); b...

这似乎非常琐碎，但我无法解决它。在IE8上，仅使用display:none进行覆盖不起作用。#selector::after { display: none; } 我正在修改一个使用before和after伪类来添加图像精灵的主题。

我正在处理一个流量相对较大的网站，并考虑使用CSS精灵来减少其设计中的图像加载次数。 除了减少传输数据量外，使用CSS精灵还有什么优点？你能节省多少空间？在哪个阈值下使用CSS精灵才会对网站有益？ 更新：感谢您的回答。它们都非常经过深思熟虑，提供了好的资料来验证您的观点。现在我感觉更能够做...

有没有自动将简写CSS转换为长格式的工具？我需要这个工具，因为我想使用SmartSprites，而这个工具与简写不兼容。 最好还有一个反向工具，这样在精灵计算之后，我可以尽可能地压缩CSS... 任何其他自动精灵化的解决方案也欢迎，基本上我正在寻找一些可以集成到构建过程中的命令行工具，以便...

有没有好用的工具可以制作CSS雪碧图？ 理想情况下，我希望它可以接收一个图片目录和一个已经引用这些图片的.css文件，并生成一个包含所有小图片优化后的大图片，并自动修改我的.css文件以便引用新的图片。 至少，我希望它能够接收一个图片目录并生成一个大的雪碧图以及必要的.css文件来将每张图...

使用 CSS 精灵技术是否好？我在 http://spriteme.org/ 上看到了它的优点，并且在 StackOverflow 上也看到了很多关于 CSS 精灵的问题。 CSS 精灵有哪些缺点？ 它是否像官网上声称的那样可以在所有浏览器中运行？

在构建网页时，我的一位同事使用CSS background-image属性显示任何标志，而不是使用HTML <img>标签嵌入图像。他报道这是为了减少HTTP请求的数量。他还向我展示了图像精灵，并说Google使用精灵图像显示其标志。 我不同意他的方法，并向他展示了主Google...

我找不到图像映射和CSS精灵之间的明显区别。它们都看起来像将页面中的图像合并成一个？因此，我们可以减少向服务器发送的多个请求。那么真正的区别是什么？

HTTP/2使多路连接成为可能，消除了需要向服务器建立多个连接的需求。通过单一连接，可以将许多独立的图像发送到客户端。这消除了以前的图像精灵模式，即将许多图像合并成一个，并使用CSS将其分开的方法。 我很好奇在HTTP/2世界里，图像精灵是否仍然会更快。如果是这样，在什么情况下呢？

我正在寻找一些在构建CSS图像精灵时的最佳实践和提示。 我应该将大小相近的图像分组并放入一个png中吗？ 可接受的精灵图像大小是多少？是否建议制作不同的精灵图像，而不是一个巨大的文件？！ 有没有关于一个精灵图像中图像数量的建议？！ 将图像放置和对齐到精灵图像中是否有任何区别？我在http:...