我有一个图像,稍后我将使用javascript动态填充src,但为了方便起见,我希望图像标记存在于pageload中,但不显示任何内容。我知道<img src='' />
是无效的,那么最好的方法是什么呢?
发布于 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
元素默认样式中使用它,因为在实际实现中,您在任何情况下都可能需要它。
发布于 2016-09-17 05:35:10
我发现只需将src设置为空字符串并向CSS添加一条规则来隐藏损坏的图像图标就可以了。
[src=''] {
visibility: hidden;
}
发布于 2015-01-03 19:17:05
如果您保留src属性为空,浏览器将向当前页面url发送请求,如果不需要任何url,请在src属性中添加1*1个透明img
src="data:image/gif;base64,R0lGODlhAQABAAAAACwAAAAAAQABAAA="
https://stackoverflow.com/questions/5775469
复制相似问题