有什么办法可以阻止<img>标签仅使用 CSS 加载其图像？我想避免使用 JavaScript。
这似乎不起作用（Firebug 仍然显示图像加载）：
display: none;
visibility: hidden;
否 - CSS 只告诉浏览器内容应该是什么样子，它不指定加载行为。
涉及 CSS 的最好方法就是删除<img>HTML 中的标签，并将其替换为通过 CSS 显示图像的元素background-image财产。那么图像在 CSS 中的控制比在 HTML 中更多。
我仍然认为你不能保证图像何时会被下载——我似乎记得 Safari 的早期版本会下载样式表中引用的图像，即使它们没有在当前页面上使用？使用 JavaScript（创建<img>当您想要加载图像时标记）可能是控制图像加载时间的最可靠方法。
但是，请查看链接到的页面@Stackle的回答 https://stackoverflow.com/a/24157174/20578查看 2012 年 4 月浏览器的加载行为，其中使用了不同的 CSS 来隐藏带有背景图像的元素。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
