31得票4回答
寻找一款优秀的图像精灵生成工具

我正在寻找一款体面的图像精灵生成器。我尝试过http://spritegen.website-performance.org/,但它不够“智能”,无法处理多个图像维度并将它们与几个空白间隔合并。 有什么建议吗???

25得票2回答
为什么不使用动态 GIF 而选择动态 CSS 精灵?

最近我看到越来越多的人使用JavaScript动画CSS精灵而不是使用动画GIF? 例如: http://www.google.com/doodles/eadweard-j-muybridges-182nd-birthday(实际上,Google在其他涂鸦中也使用了这种技术) https...

24得票3回答
边框半径溢出问题

我想给一个包含带有背景图片的所有元素的元素设置border-radius,但是图片始终超出了border-radius的范围,为什么会这样?

24得票14回答
在精灵图中使用logo标签是好还是坏?

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

22得票4回答
我还需要在CSS Sprite中对图像进行填充吗?

在 CSS Sprites 中,您经常会在每个图像之间找到填充。我认为这样做的想法是,如果页面被重新调整大小,则一个图像不会渗入另一个图像。 我认为这取决于不同类型的浏览器缩放,(由 Jeff 最好地解释)。 然而,在我的测试中,我没有能够看到这种行为。这只是旧浏览器的问题吗?(由于当前无...

21得票3回答
将图标与文本对齐

怎样最好地将图标(左侧)和文本(右侧),或者将文本放在左侧,图标放在右侧进行对齐? 图标图片和文本是否必须相同大小?理想情况下,它们应该不同但是垂直对齐。 我正在使用background-position CSS属性从一个更大的图像中获取图标。 这是我现在的做法,但我要么无法让它们在同一...

19得票5回答
使用CSS Sprites和背景位置

我有一个div元素,宽度为200px,高度为200px。我需要一个小图片显示在div的右上角。通常情况下,可以使用以下方法实现:background: url(/images/imagepath.png) top right; 然而问题在于,我从精灵图中加载图像,当我使用如下代码时:backg...

18得票4回答
IE6:背景图加载事件

我正在显示一堆缩略图,由于延迟可能非常高(通过VPN),因此我将所有缩略图发送到单个文件中(类似于精灵),并设置CSS的background-image和background-position属性来显示缩略图。我的问题是在IE6中确定图像何时加载完成... 我正在使用BackgroundIma...

18得票8回答
CSS精灵图什么时候太大?

精灵图的主要目的是减少页面上绘制元素时向服务器发送的http请求吗?还是你想尝试将尽可能多的元素放入精灵图中。 我的问题是:精灵图什么时候会太大呢?

18得票7回答
CSS - 如何使用一张包含多个图片的背景图?

我注意到许多网站通常只使用一张包含多个图像的背景图片。例如,不是单独使用每个图标,而是将所有图标放在一张图片上,然后在不同的部分中使用图片的不同部分。 这样做有什么优势吗? 如何使用这种方法? 例如,对于下面的 Stack Overflow 精灵图片,我如何只显示其中一个图像?