Skip to content
登录后刷题更便捷

CSS 中图片加载问题

难度:

#i-am-useless 会被浏览器加载吗?

html
<div id="test1">
  <span id="test2"></span>
</div>
css
#i-am-useless {
  background-image: url("mypic.jpg");
}

不会

mypic.jpg 会被浏览器加载吗?

html
<div id="test1">
  <span id="test2"></span>
</div>
css
#test2 {
  background-image: url("mypic.jpg");
  display: none;
}

会被下载。

mypic.jpg 会被浏览器加载吗?

html
<div id="test1">
  <span id="test2"></span>
</div>
css
#test1 {
  display: none;
}
#test2 {
  background-image: url("mypic.jpg");
  visibility: hidden;
}

不会被下载。

内容仅供参考,难免有不恰当的地方,如果有问题欢迎及时反馈
部分内容来自网络,如果不慎侵犯您的权益,请联系我们,以便及时删除侵权内容