问题标签 [css-sprites]

我试图了解 CSS 精灵如何提高网站的性能？

如果单个图像的总大小是较小图像的总和，为什么下载几个小图像比下载包含较小图像的单个图像慢？

是否可以创建一个文本精灵并有选择地显示同一 HTML 文件的部分并忽略其余部分。要显示的部分由使用 CSS 生成的菜单选择，该菜单带有同一页面内的链接。

（每个部分的长度未知，预计会有很大差异）。

不幸的是，与服务器通信不是一种选择。

正如你所料，我是 CSS、PHP 和 JS 的新手

我正在根据这篇文章在我的 ASP.NET 应用程序中实现 CSS Sprites 设置。

http://weblogs.asp.net/zowens/archive/2008/03/05/css-sprite-for-asp-net.aspx

在“已经获取 SPRITE！”部分中 ……作者说……

“唯一真正的缺点是你所有的图像都是垂直排列的。我不太确定这是否重要，但大多数其他生成器都能够以某种方式垂直和水平排列图像。”

我确信这一定是一个以前解决过的问题，所以我的问题是，“给定一组矩形，你能以最佳方式有效地布置它们吗？” （我想这取决于我对最优的定义，但从最接近正方形开始。（尽管实际上可能并非如此。））另外，您是否需要提前所有矩形或可以这样做逐步？

有没有人为 .NET 创建了一个“实时”csssprite 生成器？

我想要一个或多个在运行时加载的图像目录，并自动生成 css。

我正在尝试显示图像的裁剪中心区域并让它适用于不同尺寸的图像。

我成功地为包含图像的 div 设置了固定宽度并使用了 overflow:hidden 属性，这可以按照我想要的方式工作，只是它只显示图像的最左侧部分而右侧是隐藏的。

我想要的是显示图像的中心部分并隐藏图像的左侧和右侧。

我们都知道 CSS sprite 图片可以很好地减少请求量等，但是浏览器使用大图片作为背景渲染包含多个元素的页面的性能如何呢？

sprites 的主要目的是减少向服务器发出的对页面上图形元素的 http 请求吗？或者您是否想尝试将尽可能多的元素添加到精灵中。

我想我要问的是：精灵什么时候太大了？

我有一个 CSS 图像精灵，它在 FF 和 IE 中呈现完美。问题是渲染的图像在 IE 中看起来质量很差。

有没有人遇到过这个？你怎么修好它的？我需要 CSS 精灵来节省带宽和请求。

替代文字 http://cupacupelor.ro/img/problem.png

图片：

http://cupacupelor.ro/img/problem.png

演示：

http://cupacupelor.ro/

黑色顶部菜单，发布后最多 7 天可用。用 FF 试试，然后用 IE。

我现在要在 www.trailbehind.com 上显示图像。

大多数图像是由 JavaScript 函数加载的，我有很多小图像，例如地图图标。

有没有支持这个的软件？我知道如果您的图像在 Django 模板中，您可以使用 Django-sprites。如果您想编写一些 Java 代码，您可以类似地使用 GWT。

对于带有 Javascript 前端的 Python/Django 网站来说，最好的方法是什么？除非用户关闭了 JavaScript，否则我从不显示任何 HTML。

一些用户报告说我的网站太慢了我认为 css 中的背景图片可能是罪魁祸首

我有一个使用自定义构建系统连接所有 css、压缩它们（yui 压缩器）、自动制作 css sprites（smartsprites）的站点，我最终得到了整个页面的 9kb CSS，这包括背景图像的所有 css最后是 d 他们大约 60 岁（几个去同一个精灵不知道有多少）

我想知道浏览器的默认行为是根据需要下载图像（当它们与选择器匹配时）或全部下载。

现在firefox中的firebug似乎表明它们都已被下载。你会建议我用什么技术来避免这个问题，或者减轻它。

编辑：我误读了萤火虫，正在下载的图像属于隐藏的 lightview，但背景图像与 dom 匹配。