Svg没有显示

Question

我在网上使用了this temaplte。我编辑了它，我的localhost就可以了。我上传到托管和.svg中的箭头没有显示。这是源代码：

HTML：

<a href="#one" class="button style2 down">More</a>

CSS：

.dark .button.style2.down {
                background-image: url('images/dark-arrow.svg');
            }

SVG：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="36px" height="36px" viewBox="0 0 36 36" zoomAndPan="disable" preserveAspectRatio="none">
<style type="text/css"><![CDATA[ line { stroke: #fff; stroke-width: 1; } ]]></style>
<line x1="0" y1="18" x2="18" y2="36" />
<line x1="36" y1="18" x2="18" y2="36" />
<line x1="18" y1="36" x2="18" y2="0" />

Answer 1

检查您的webhost是否为SVG返回了正确的MIME类型。它应该是“image / svg + xml”。

您可以使用Firebug中的“网络”标签或浏览器开发人员工具查看请求进行检查。