html - 仅在没有 JavaScript 的情况下完全加载时显示图像

Question

如何在不使用插件或 JavaScript 的情况下显示完全加载的图像？有没有办法在纯 CSS3/HTML5 中做到这一点？

Answer 1

您可以base64对您的图片进行编码并将它们嵌入到您的 HTML 中:

<img src="data:image/png;base64,{REPLACE_THIS_WITH_YOUR_BASE64_STRING}">

纯 CSS3/HTML5 解决方案不可用。