CSS:如果在 CSS 中声明但后来被覆盖，是否需要图像？

Question

我正在构建一个使用大量投影和渐变的网站。我可以通过 CSS 的 box-shadow 属性完成很多这样的事情。

唉，我们仍然支持 IE，所以我们需要在这些情况下添加背景图像。

我可能会偷懒，只给每个人提供背景图片，但我正在努力为那些使用现代浏览器的人简化一些事情。理想情况下，我希望这些用户不必请求图像。

因此，如果浏览器支持框阴影 (box-shadowSupport) 并且我的 CSS 最终看起来像这样，我将通过 javascript 添加一个额外的类:

.box {
    background: url('myImage.jpg');
}

.box-shadowSupport {
    background: none;
    [box shadow properties go here] 
}

如果 HTML 最终看起来像这样:

<div class="box box-shadowSupport"></div>

会请求图像吗？或者浏览器是否理解由于第二种样式覆盖了背景图像属性而不需要它？

如果请求图像，我需要重新安排我的 CSS 和 javascript，而不是通过级联覆盖样式，我将不得不交换类，这样第一个类甚至不会在 HTML 中被引用。

Answer 1

我相信每个 Web 浏览器都会以自己的方式处理它 - 像往常一样:) 我的建议是使用像 Charles 这样的 Web 代理。看看是否请求了图像。当然，还要在不同的浏览器中进行测试。