css - Safari 8.0 不呈现/识别 SVG 文件

Question

所以，我查了一下，Safari 8 应该支持 SVG 文件。但是，当我转到我的页面(当前仅在本地运行)时，它不会呈现其中任何一个。 Google Chrome 运行良好，但出于某种原因，Safari 8.0 却不行。是否有一种解决方法可以使 Safari 8.0 呈现我的 SVG？这是使用它们的 HTMl(它是一个 django 模板):

<div id="head">
    <a href="/"><img id="home" src="{% static 'email_registration/images/1_full_logo.svg' %}"></a>
    <a href="https://www.facebook.com"><img id="fb" src="{% static 'email_registration/images/2_facebook_icon.svg' %}"></a>
    <a href="http://www.instagram.com"><img id="inst" src="{% static 'email_registration/images/3_instagram_icon.svg' %}"></a>
    <a href="https://www.twitter.com"><img id="twtr" src="{% static 'email_registration/images/4_twitter_icon.svg' %}"></a>
    <a href="https://www.youtube.com"><img id="yt" src="{% static 'email_registration/images/5_youtube_icon.svg' %}"></a>
</div>

在此先感谢您的帮助。如果需要更多信息，请告诉我。

Answer 1

要检查的一件事是您的网络服务器是否使用正确的 MIME 类型(内容类型)提供 SVG 文件。对于 SVG 文件，它应该是 image/svg+xml。找出答案的最简单方法是使用浏览器开发工具的“网络”选项卡。