Question

所以给定这个HTML，背景图像在Firefox，IE和Chrome中加载得很好。但在Safari中，它只是忽略了它。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="Content-Style-Type" content="text/css">
  <title></title>
</head>
<body>
  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 141.72999572753906 255.1199951171875">
    <image xlink:href="http://labels.labellogiclive.com/alfresco_10_p1_alf001_uk__v0.svg" preserveAspectRatio="none" x="0" y="0" width="141.73" height="255.12"></image>
  </svg>
</body>
</html>

现在我认为它可能是服务器问题，没有给出正确的标题，但我已经检查过它看起来不错（image/svg+xml）。所以我有点失落......有什么想法吗？

Answer 1

Safari与深层嵌套的SVG <image>元素进行斗争。

例如，请参阅此处的评论：Embed SVG in SVG?

您的第一个<image>加载另一个SVG，其本身包含加载背景照片的<image>。如果将最里面的<image>元素（照片）合并到最外面的SVG中，它可以正常工作。

Answer 2

我通过Apple Bug Reporter向Apple提交了一个错误报告，错误ID为21959574.希望Apple的某个人能够注意并解决潜在的问题。

Safari无法在嵌套的SVG中呈现图像

2 个答案: