通过对象加载的SVG都混乱了

时间:2014-03-12 16:50:50

标签: image browser svg responsive-design loading

所以这是一个有趣的。我做了一个测试,使用clown car technique来显示通过对象标签加载的svgs的响应式图像,因为我非常喜欢这种方法。

现在这一切都很好,除非你在一个页面上有一些正常激活的缓存,你离开网站去到interwebs中的任何其他地方,然后按后退按钮 - 突然所有图像混合即使代码仍然正确,即:

对象1加载显示来自对象3的图像的svg 对象3加载显示来自对象5的图像的svg 等

完全随机,我无法解释这是如何发生的。只有当我通过浏览器的后退命令(chrome)返回页面时才会发生这种情况。

有没有人经历过这样的事情?

我想我现在会坚持使用旧的普通图像......

1 个答案:

答案 0 :(得分:0)

刚遇到同样的错误。并so did Google

我想我们必须使用内联SVG,因为我无法通过<img>标签加载。

如果您只有一个页面应用,则可以将target="_blank"添加到<a>标签,以确保后退按钮的播放范围更小。