问浏览器是在解析css时请求图像，还是在形成规则后请求图像？
EN

Stack Overflow用户

提问于 2012-07-27 08:55:30

回答 1查看 330关注 0票数 3

当浏览器解析css时，它是在遇到资源时加载资源，还是在读取css文件并构建一组有效规则后加载资源？

下面是一些css，它在IE中使用图像，但在支持它的浏览器中使用RGBA背景。我认为IE将忽略RGBA值，而不是加载图像，而其他浏览器永远不会请求图像。这是真的吗？

background:transparent url('../img/content/black-mask.png') repeat top left;
background:rgba(0,0,0,0.7);

发布于 2012-07-27 09:11:01

浏览器在将样式表应用于文档结构时，首先将始终生成“计算样式”。因此，所选框的background-image:属性将始终为空，因为速记background:属性清除了background-image属性，因为您没有在第二行中设置任何内容-因此删除了第一行。

然而，即使使用计算样式，浏览器也不一定会下载图像。尝试在:hover psuedo-class中使用不同的图像，您会注意到浏览器下载它时会有延迟。

@Andre是正确的，因为它在很大程度上是一个实现细节，但许多行为是由CSS规范定义的(例如计算样式的东西)。

我想更多的浏览器可能想要通过抢先下载样式表引用的资源来改善浏览体验，但你不能指望它(如果移动浏览器在蜂窝网络上，它们可能永远不会这样做来消耗更少的数据)。

票数 1

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

原文链接：

https://stackoverflow.com/questions/11680117

复制

相似问题

问浏览器是在解析css时请求图像，还是在形成规则后请求图像？EN