html - Css 显示无

Question

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

Answer 1

根据 Request Quest :

_{对于看不懂图片的人}

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

Does the above trigger a request for img.png in any of the following:

Chrome, Safari, Firefox, IE

Correct! The request was made in Chrome, Safari, Firefox & IE.

Aha! Yes, browsers download imagery regardless of style, as per the spec.

This behaviour has been the downfall of many JavaScript implementations of adaptive imagery, as the original image gets requested before JavaScript can jump in and alter the src property.