html - IMG 和背景图像均不显示 SVG 图像

Question

我无法让 SVG 图像在 Google Chrome 34 中正确显示

Example

如您所见，对象和 iframe 正在运行。 IMG 和背景图片不工作。

IE11 和 FireFox 可以正确显示所有 4 个示例。

Answer 1

Chrome 开发者 have chosen not to support the use of SVG fragments in images为了保护用户的隐私。

因为您的 SVG 文件仅显示作为 URL 片段(文件名中 # 之后的部分)目标的每个形状，所以当 Chrome 删除该片段时，不会显示任何内容。