3

如果我有一个 div，其中包含一些重载内容，比如一些大图片。如果在我的样式表中设置为不显示，我的网站是否会加载此 div 的内容，或者 div 及其内容是否会被忽略且不加载？

4

3 回答 3

7

根据请求任务：

无论父样式如何，浏览器都会下载图像

对于看不懂图片的人 
<div style="display: none"><img src="img.png"></div>

以上是否会在以下任何情况下触发对 img.png 的请求：

铬，Safari，火狐，IE

正确的！该请求是在 Chrome、Safari、Firefox 和 IE 中发出的。

啊哈！是的，浏览器会根据规范下载图像，无论其风格如何。

这种行为是许多自适应图像的 JavaScript 实现的失败，因为原始图像在 JavaScript 可以跳转并更改src属性之前被请求。

于 2013-06-13T17:33:35.297 回答
2

是的，它仍然会被加载。浏览器仍会加载设置为 display='none' 的 div 的任何内容的值，因为它是 HTML 代码的一部分。

如果您想避免在 html 中加载非常大的媒体，您应该使用 javascript 或 PHP 条件。

于 2013-06-13T17:29:50.323 回答
2

它将被加载，如果您想要延迟加载尝试更改 css 背景属性以匹配另一个 URL，然后将被加载

“显示：无”会阻止图像加载吗？

于 2013-06-13T17:27:32.060 回答