css - 加载文件时是否加载 CSS 文件中的每个图像?

标签 css

假设我在 1 个 css 文件中有我的整个网站 CSS,所以它相当大,我想知道一个页面是否使用 3 个类,如下所示,从服务器请求 3 个图像,假设有类似的东西整个 css 文件中有 50 个,是每个人都从服务器调用/请求还是仅页面需要的 3 个?

background-image:url(http://localhost/images/btn3.gif);

最佳答案

有一种简单的方法可以找出答案(好吧,并不比询问 Stack Overflow 更容易)。将其放入 CSS 文件中:

#nonExistantElement {
    background-image: url(myScript.php);
}

并通过写入文件或其他内容使该脚本记录命中。


好的,我现在已经自己完成了。结果是:不,它没有获取文件。 (在 Firefox 3.5.2、IE7、Chrome 2.0 上测试)

关于css - 加载文件时是否加载 CSS 文件中的每个图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1299478/

相关文章:

javascript - 如何在 css 文件中添加另一个 css 文件?

html - Bootstrap 中的凸起段?

html - 网站链接行为异常

html - 如何使图像响应高度?

html - 以正确的方式 Bootstrap 在导航栏上方实现 Logo /文本

css - primeng 如何设计像按钮一样的下拉菜单

css - html中的rowspan问题

html - 不需要的框出现在 chrome 中的文本周围,但不会出现在其他浏览器中

jquery淡入,图像在图像上

html - Bootstrap "Navbar"css 类在我的 html 页面上不起作用