如何将CSS缩写转换为完整写法？
有没有自动将简写CSS转换为长格式的工具？我需要这个工具，因为我想使用SmartSprites，而这个工具与简写不兼容。 最好还有一个反向工具，这样在精灵计算之后，我可以尽可能地压缩CSS... 任何其他自动精灵化的解决方案也欢迎，基本上我正在寻找一些可以集成到构建过程中的命令行工具，以便...
IE6：背景图加载事件
我正在显示一堆缩略图，由于延迟可能非常高（通过VPN），因此我将所有缩略图发送到单个文件中（类似于精灵），并设置CSS的background-image和background-position属性来显示缩略图。我的问题是在IE6中确定图像何时加载完成... 我正在使用BackgroundIma...
如何在CSS精灵中缩放图像
在这篇文章http://css-tricks.com/css-sprites/中，它讲述了如何从一张大图中裁剪出一个小图。请问是否可能以及我应该如何在布局之前裁剪出一个较小的图像并缩放裁剪的区域？以下是来自该文章的示例：A { background-image: url(http://ww...
指南针：生成精灵，以及在精灵中的每个图像上添加宽度/高度。
我正在使用 Compass（一个 CSS 框架）来生成雪碧图像。它可以工作，但是 Compass 只为每个图像生成了 background-position。 是否可能获取 sprite 中每个图像的宽度和高度？ 这是我的代码：@import "ico/*.png"; @include a...
如何使用ImageMagick将图标合并为单个图像？
我想在网站上使用CSS精灵代替单独的图像文件，用于一个大量、大小相同的小图标集合。如何使用ImageMagick将它们连接（平铺）成一个大图像？
CSS雪碧图的最佳实践
我正在寻找一些在构建CSS图像精灵时的最佳实践和提示。 我应该将大小相近的图像分组并放入一个png中吗？ 可接受的精灵图像大小是多少？是否建议制作不同的精灵图像，而不是一个巨大的文件？！ 有没有关于一个精灵图像中图像数量的建议？！ 将图像放置和对齐到精灵图像中是否有任何区别？我在http:...
最小的数据URI透明图像是什么？
我正在使用一个背景图片为透明的 1x1 图片来支持使用雪碧图并为一些图标提供替代文本。 我想使用一个数据 URI 来减少 HTTP 请求的数量，但是生成一个透明图片的最小可能字符串是什么？ 我意识到我可以使用数据 URI 来代替雪碧图中的实际图片，但是将所有内容都保存在 CSS 中比分散落...
CSS Sprites - 如何使鼠标悬停按钮处于按下状态
使用三种不同状态的CSS Sprites（按钮）： 标准 悬停 按下（活动） 目前，“标准”、“悬停”和“按下”都可以正常工作。问题是，“按下”只在鼠标按住时保持按下状态。我想让“按下”或活动状态一直保持活动状态，直到再次单击它。有什么建议？CSS解决方案？Javascript解决方案...
CSS精灵图中的图像之间必须有X个空格吗？
我有一个问题，已经有一段时间了，我一直在尝试解决这个问题。我将在下面很好地描述它... 我试图将图像用作UL列表的精灵图像。 它应该显示一个带有文本的图标，图标和文本都应链接到某个位置。 我的第一个示例看起来像我想要的。 当字体大小设置为10px时，它看起来还不错... 一旦我将字体大...
CSS Sprites - 使用图像的一部分作为元素的背景
我使用CSS Sprite技术，并使用类似下面这样的背景图片： 图标对应的CSS代码： div.icon { background-color: transparent; background-image: url("/images/icons.png"); b...