问题标签 [css-sprites]

我在一个页面上有许多图像包含在单个精灵图像中，由于网站的其他要求，这些图像必须包含在单个精灵中。

虽然这在大多数浏览器中都可以正常工作，但我在 Opera Mini 上遇到了一个问题，它根本没有渲染精灵而只是显示整个图像。

当浏览器无法呈现精灵时，是否有任何 CSS 可用于提供文本替代？

出于某种原因，我不完全确定为什么，但以下不起作用。背景位置在悬停时保持不变。我不知道为什么。我可以用另一种方式来做，但我想尝试找出它为什么不起作用的原因。

有人知道是什么原因造成的吗？

提前致谢！

瑞安

我的意思是，在非静态内容上使用 css sprite，例如： Inside while(mysql_fetch_array())...

有两种图像精灵技术。“经典”版本使用背景和背景位置 css 属性。（正如这里描述的那样http://www.alistapart.com/articles/sprites）

“第二个”版本使用图像标签及其剪辑 css 属性。( http://css-tricks.com/css-sprites-with-inline-images/ )

我的问题是使用“第二”版本比“经典”版本有优势吗？

谢谢，最好的，维克多

打印页面时，我在 IE6 中收到了一些奇怪的问题。

出于某种原因，它正在打印出 CSS 背景图像精灵的一部分。

我已经用以下内容覆盖了所有背景图像声明：

但无济于事。我不认为默认情况下支持背景图像，所以这对我来说是一个新的。

我有 3 个不同的图像，想使用 CSS 创建一个精灵。我知道这会减少 HTTP 请求。但是，我对这个概念完全陌生，不知道如何处理这个问题。

对我来说最好的选择是什么？我还看到有一些 CSS sprite 生成器，您可以在其中提交 .zip 图像并将它们组合在一起。

我试着这样做，但不明白发生了什么。任何有关创建和使用 CSS 精灵的指导将不胜感激。

更新：我已经阅读了 A List Part 文章，但对我来说不是很清楚。有人可以提供一个使用 CSS 精灵的例子吗？[对于SO来说，答案中一个简短的、独立的示例比仅仅链接到其他地方的示例更可取。-编辑]

你能在底部重复一个精灵背景吗？我希望精灵设置为 div 底部的背景。我有这个：

它似乎没有出现，如果我删除底部它会出现，但它设置在背景中，在 div 的顶部水平重复，我希望它在底部重复。

可能吗？

我正在尝试在我的 webapp 中包含 css sprites。问题是我已经在精灵图像中垂直排列了我的网站背景。现在，精灵的一部分需要垂直重复。

我正在尝试以下代码...

我对内容类的高度属性感到困惑。我应该如何定义要重复的部分的高度和 div(#content) 的高度？

问候维克拉姆

如果这是一个不应该出现在 SO 上的问题，请告诉我。

有没有人试过这个网站：
http ://csssprites.org/

自动生成和使用 CSS Sprites？你觉得呢？你有没有什么想法？我正在考虑实施（不断寻找提高性能的新方法）

我正在尝试为我的 webapp 使用 CSS Sprites。这是我的网页布局：

我尝试使用这个 css：

这里发生的是只显示前两个 div（标题和内容）。不显示分隔符和页脚。检查 Firebug 会发现它们在那里，只是没有显示出来。

添加这一行可以解决问题：

那么为什么会这样呢？div即使已经在父容器中设置了精灵图像，我是否需要在每次使用它时都添加它？

关于维克拉姆