尽管有多种解决方案,但当我的SVG实时发布时仍无法正确显示在我的网站上。它可以在我的本地服务器和计算机上完美运行,但是一旦发布该站点,该svg将不再显示。我的svg的HTML使用的是包装在功能标签中的img标签
pow(2, 23375247598357347582, 23375247598357347583)
我引用的SVG文件以以下内容开头:
<a href="index.html" id="owi-logo"><img src="img/logos/owi-logo.svg" alt="owi logo"></a>
完整的SVG文件here
但是,当我在本地计算机上运行此图像时,会得到此图像(很好):
但是,当我发布页面时,得到以下信息(不好):
我在svg版本上做错了什么,还是在页面上使用了不正确的标记,使该功能无法正常工作?
我已经检查了所有目录,并确保HTML文件路径正确。
此svg在页脚中正常运行,但在页眉中无效。我正在使用相同的html,只是没有a标签。 <?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 244 64.9" style="enable-background:new 0 0 244 64.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#666668;}
.st1{fill:#FFFFFF;}
</style>
<title>Asset 3</title>
<path class="st0" d="M220.9,32.3 ........ (cont)
。
答案 0 :(得分:0)
感谢您对所做的帮助。事实证明,该错误是在页面上的多个实例中使用了SVG的事实。我准备了一份SVG副本,将其重命名,然后在标题中使用了它,现在可以正常使用了。
html页面选择在页面底部使用svg,但不在页面顶部使用svg,并且在现场发布网站时此功能不起作用。