问题标签 [css-sprites]

我为我的 css 使用精灵表，它们工作得很好，但是我想在页脚上有一部分我的精灵表，它就像一个弯曲的块，左侧的内容框会稍微超过它的顶部。

但是我似乎无法将精灵的一部分作为位于底部的背景。

现在通常你会做这样的事情

但是当我尝试这样的事情时

我得到了完整的精灵表作为背景.....所以我的问题是是否可以只获取精灵的一部分并将该部分用作 div 的底部!!!!

有点拗口，但我不想仅仅放弃这个想法，如果可以做到，已经有人做到了。

嘿，我正试图让这个导航很好地工作：

http://www.moreheadplanetarium.org/redesign/nav.html

我无法弄清楚为什么“当前”选项卡的背景图像会延伸到链接的跨度后面。它不会在其他状态（正常和悬停）上执行此操作 - 我已经在这些状态下使用不同的图像对其进行了测试，因为没有标签你无法真正分辨。

这让我发疯，该技术适用于活动和悬停，但不适用于“当前”项目的特殊课程。帮助将不胜感激！谢谢~

我正在将我的asp.net 应用程序上的ImageButtons 更新为扩展ImageButton 的WebControl，我称之为CSSImageButton。我已经覆盖了渲染方法，所以我可以让它们与 css sprites 一起工作。我已经设法让 OnClick 和 OnClientClick 正常工作。但是有些按钮有 OnCommand，我不知道该怎么做。

http://www.keironlowe.host56.com/Website%20Testing/index.html

在文本段落的底部，我有两张带有悬停效果的图像，一张说联系我们，另一张说有工作机会！

当我在本地计算机上测试站点时，这些就在那里，但是当我将它们上传到加载页面时不在那里的服务器时，锚仍然在那里，当你将鼠标悬停在它们上时，你可以看到它们，而不是图像。

怎么了？

在我正在创建的网站上，我有大约 100 个不同的缩略图 (64x64)，它们在不同的时间显示。在某些页面上，可能只显示 5-15 个缩略图。在其他人身上，所有 100 个都已加载。

我正在考虑使用像 CSS sprites 这样的技术来显示图像。也就是说，不要为每个拇指使用图像标签，而是执行以下操作：

然后使用 CSS 将所有拇指拼接在一起的单个图像切片。也就是说，一张包含所有 100 个拇指的图像（在这种情况下为 640x640 图像）。

我的问题：

• 这是一个好主意吗？
• 如果是，我应该在出现图像的所有页面上执行此操作，还是仅在包含所有图像的页面上执行此操作？
• 除了精灵之外，还有其他技术可能比简单地包含带有 img 标签的图像更好吗？

当我将相同的图像用于不同的元素（精灵图像）时，我通常不会再次调用该图像，因为这是一个新的 HTTP 请求。

我宁愿使用：

这是在保存 HTTP 请求吗？

或者，如果浏览器很智能，我可以使用：

浏览器会发出新的 HTTP 请求吗？或者它知道我已经缓存了这张图片？

问题是：我是否通过使用示例 1 有所收获？

我对 Firefox 上的预加载图像有疑问。在（webkit）Chrome/Safari 上看起来不错。

让我们来看看。

我已经:hover加载了css文件的图像：

和 HTML

为什么 Firefox 不从缓存加载图像，而不是从服务器加载？

我该如何解决？

我知道 css sprites.. 现在我想要一些 css sprites 的例子......

• 你是如何设法让 css sprites 工作的？