【发布时间】:2019-09-21 22:11:05
【问题描述】:
这是我的代码:
<svg class="navbar-brand" src="/Images/logo.svg" alt="Apps Architect"></svg>
我尝试将 svg 更改为 img 或 embed。使用 img 图像不会呈现,但会显示替代文本。嵌入图像不显示,替代文本也不显示。所以我变了:
xlink:href="data:img/png;base64,
到:
xlink:href="data:image/png;base64,
我添加了 div
<div><img class="navbar-brand" src="/Images/logo.svg" alt="Apps Architect"></div>
我已更改 xlink:href 而不是 src。
然后我尝试使用:
<image ... xlink:href="...">
但它不会改变任何东西。
编辑:我添加了宽度和高度,但它没有改变任何东西。但它在 Visual Studio 中编译后正确显示。只有在服务器上它不显示。 我添加了 png 文件而不是 svg,但它都没有显示。
【问题讨论】:
-
@xmastertje 你的意思是 svg 文件?
-
没有您的文件夹结构。我的坏人用了一个荷兰词
-
您的 SVG 是否仍然有效?您可以在开发人员工具中预览它吗?
<svg>和<image>实际上不是有效的 HTML,而是 SVG 中的 XML(使用文本编辑器打开您的 svg 图像并检查其中的 XML)。要在浏览器中显示 SVG 图像,您必须使用“普通”<img src="bla.svg"/>图像元素。 -
@xmastertje svg 文件位于 Images 文件夹中,html 文件位于主文件夹中。主要/图片
-
添加您的文件夹结构。另请查看您是否指的是实际路径。