css - Firefox 为每个班级重新下载背景图片？

Question

如果我有一个包含 50 个 div 元素、50 个单独的 css 类的页面，并且每个 css 类都有以下行：

background:#000 url(curve_red/circle.png) no-repeat 0 0;

然后 Firefox (3.5) 将对同一个文件发出 50 个 http 请求（使用 firebug 验证）。

但是 IE 会看到这种重复，并且不会在每次请求后尝试重新下载文件（使用 fiddler 验证）。

这是一个错误还是任何人都可以提供任何关于Firefox为什么这样做的见解？

score 1 · Accepted Answer

只是一个猜测，但您可以尝试将背景属性放入 1 个 CSS 类而不是 50 个吗？这至少可以消除您的 css 中的重复，并且可以解释为什么 FF 不只发出 1 个请求。

当然，您可以向您的 div 添加多个类，以便它们仍然可以保留其他单独的样式，例如

.myBackground { background:#000 url(curve_red/circle.png) no-repeat 0 0; }
.class1 { color: blue; }
.class2 { color: red; }

然后在你的html中：

<div class="class1 myBackground">blue div</div>
<div class="class2 myBackground">red div</div>

score 0 · Accepted Answer

您是否出于某种原因禁用了缓存？这可能通过扩展（您永远不知道）或通过使用 CTRL-F5 或 CTRL-SHIFT-R 等组合键而不是 F5 或 CTRL-R 重新加载页面来实现。除此之外，我无法重建这种行为。我认为您可以肯定地说这肯定不是 Firefox 3.5 中的错误。

您还可以使用新的配置文件检查问题（使用命令行开关重新启动 Firefox-P以访问配置文件管理器）。

2 回答 2