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

标签 css django html svg safari

所以,我查了一下,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>

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

最佳答案

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

关于css - Safari 8.0 不呈现/识别 SVG 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26052186/

相关文章:

html - 绝对除法隐藏在溢出的 div 后面

html - 调整大小时干净地隐藏页面元素

html - 为什么特异性公式不适用于十个封闭标签?

javascript - 如何在 plotly.js 中隐藏/删除 slider 刻度/步骤及其标签?

python - ModelAdmin 线程安全/缓存问题

python - ReportLab:大字体的文本挤在段落中

python - 没有电子邮件的用户无法使用 Django 的评论框架发表评论

PHP:有什么好的方法可以处理有时为空的数组吗?

java - 在 Java 中对特殊 HTML 字符 < >/"进行编码

javascript - break text with css (text == white space == text) float 文本,文本中断