包含没有src的图像的有效方法是什么？
包含没有src的图像的有效方法是什么？
提问于 2011-04-25 13:24:21
我有一个图像，稍后我将使用javascript动态填充src，但为了方便起见，我希望图像标记存在于pageload中，但不显示任何内容。我知道<img src='' />是无效的，那么最好的方法是什么呢？
回答 8
Stack Overflow用户
发布于 2016-05-26 08:11:11
基于此article，使用真正空白、有效且高度兼容的SVG。
src="data:image/svg+xml;charset=utf8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E"
它的默认大小是300x150px，就像任何SVG一样，但您可以在img元素默认样式中使用它，因为在实际实现中，您在任何情况下都可能需要它。
Stack Overflow用户
发布于 2016-09-17 05:35:10
我发现只需将src设置为空字符串并向CSS添加一条规则来隐藏损坏的图像图标就可以了。
[src=''] {
visibility: hidden;
}Stack Overflow用户
发布于 2015-01-03 19:17:05
如果您保留src属性为空，浏览器将向当前页面url发送请求，如果不需要任何url，请在src属性中添加1*1个透明img
src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5775469
复制相关文章
相似问题