问Firefox为每个类重新下载背景图像？
EN

Stack Overflow用户

提问于 2009-08-10 13:37:05

回答 2查看 276关注 0票数 1

如果我有一个有50个div元素的页面，有50个独立的css类，每个css类都有一行：

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

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

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

这是一个bug吗?或者有人能提供一些关于firefox为什么要这样做的见解吗？

发布于 2009-08-10 13:46:26

这只是个猜测，但是你能试着把background属性放到1个css类中而不是50个吗？这至少会消除css中的重复，并可能解释为什么FF不只发出一个请求。

当然，您可以将多个类添加到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>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/1254939

复制

相似问题

问Firefox为每个类重新下载背景图像？EN