作为图片的 SVG

SVG 图像可以在多种场景中用作一种图像格式。浏览器在以下情况下支持 SVG 图像:

限制

出于安全考虑,Gecko 对作为图像使用的 SVG 内容施加了一些限制:

  • JavaScript 被禁用。
  • 外部资源(例如图像、样式表)无法被加载,但如果通过 data: URL 内联,则可以使用。
  • :visited 链接样式未渲染。
  • 基于操作系统主题的原生控件样式已被禁用。

请注意,上述限制仅适用于图像上下文;当直接查看 SVG 内容或通过 <iframe><object><embed> 元素嵌入文档时,这些限制不适用。

规范

Specification
CSS Backgrounds and Borders Module Level 3
# the-background-image