css - 隐藏的 CSS 类是否仍会下载图像？

Question

我正在使用 CSS 和 Javascript 为电子邮件订阅表单构建模态窗口/叠加层。

我的计划是在访问者访问网站且未设置 cookie 时显示模式。然后，当他们提交表单或单击模态窗口上的关闭按钮时，我会设置该 cookie。因此在重复访问时，如果 cookie 存在，他们将不必看到它。

Modal 窗口有一个大约 75kb 的背景图片，所以我试图想出最好的解决方案来避免用户在设置了 cookie 的情况下加载此图片(我意识到它可能会被 tis 阶段缓存)

所以我的问题是，在具有背景图像集的类/id 的 CSS 文件中，如果该类/id 的属性设置为隐藏 display: none; 它是否仍会下载图片？

Answer 1

要直接回答您的问题，是的，至少对于 Chrome(可能因浏览器而异)。

我使用 jsfiddle 进行测试并查看网络选项卡

http://jsfiddle.net/ytdun/4/

HTML:

<div id="test"><img src="http://images.google.com/images/nav_logo107.png"></img></div>​

CSS:

#test { display:none }