Html 显示:无的图像是否仍发出HTTP请求?

Html 显示:无的图像是否仍发出HTTP请求?,html,css,performance,image,http,Html,Css,Performance,Image,Http,在样式表中: #sj{显示:无} 在HTML中: <img id="sj" src="scarlett-johansson.jpg" width="640" height="360" alt="scarlett johansson" /> 是否发生对映像的HTTP请求?是的,它们仍然会导致HTTP请求。示例:是,请求仍会发出,但图像不会显示。使用显示时,有一种方法可以防止HTTP请求:无。您需要在CSS中将图像设置为背景图像,并将父元素设置为display:none HTML

在样式表中:

#sj{显示:无}
在HTML中:

<img id="sj" src="scarlett-johansson.jpg" width="640" height="360" alt="scarlett johansson" />


是否发生对映像的HTTP请求?

是的,它们仍然会导致HTTP请求。示例:

是,请求仍会发出,但图像不会显示。

使用
显示时,有一种方法可以防止HTTP请求:无。您需要在CSS中将图像设置为
背景图像
,并将父元素设置为
display:none

HTML:


在这里,您可以阅读有关此问题的各种测试。

您可以在浏览器控制台ctrlshift+J和网络部分filterImg元素中测试是否有请求,并查看它们是否在刷新时加载


好的,这就是你可以测试它的方式,但我之所以在这里,是因为我懒得自己检查它,而且在stackoverflow上查找它更快:)

使用背景图像css属性中的图像,而不提供父div display:none;有什么要求吗?
<div id="test3">
    <div></div>
</div>