Question

我想显示svg图片，但它不起作用。我的代码：

<img src="~/Content/img/arrows.svg" alt="">

我试过了：

<img src="../../Content/img/arrows.svg" alt="">

我也尝试在网络混乱中定义

<staticContent>
  <remove fileExtension=".svg" />
  <mimeMap fileExtension=".svc" mimeType="image/svg+xml" />
</staticContent>

经过一番搜索，我看到了解决方案的选择。在IIS in this link

中添加静态内容MIME映射

有人知道如何解决这个问题吗？

Answer 1

您可以使用div并将SVG图像添加为CSS类中的background-url。

在HTML中

<div style="width:100%;height:100%" class="custom-svg">
</div>

IN CSS

 .custom-svg {
  background: transparent url("../Images/note.svg") 
  no-repeat scroll 0px 0px;
  width: 20px;
  height: 20px;
  vertical-align: middle;
}

SVG图像不显示asp.net mvc 5

1 个答案: