Css显示无

Question

如果我的div中有一些重载内容就像一些大图片一样。如果我的网站设置为在我的样式表中显示为none，或者div及其内容是否被忽略而未加载，我的网站是否会加载此div的内容？

Answer 1

根据Request Quest：

_{适用于无法阅读图片的人}

<div style="display: none"><img src="img.png"></div>

     

以上是否会触发以下任何一项对img.png的请求：

     

Chrome，Safari，Firefox，IE

     

正确！该请求是在Chrome，Safari，Firefox＆amp; IE。

     

啊哈！是的，浏览器会下载图像而不管样式as per the spec。

     

这种行为一直是自适应图像的许多JavaScript实现的垮台，因为在JavaScript可以跳入并更改src属性之前请求原始图像。

Answer 2

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

Does "display:none" prevent an image from loading?

Answer 3

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

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