SVG 图像在 Firefox 中不显示

Question

我拼命想让我的 svg 图像显示在 firefox 浏览器中。我做错了什么？

我了解到我应该使用来插入 svg 图形。我猜是最佳实践。

在这个网站上 http://tutorials.jenkov.com/svg/displaying-svg-in-web-browsers.html 他们说我应该在 HTTP 响应中设置内容类型，但我想不出确切的代码。

非常感谢任何帮助。

代码在这里：

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ernst + Kindt-Larsen Arkitekter</title>

<style type="text/css">
<!--
a.svg {
 position: relative;
 display: inline-block; 
}
a.svg:after {
  content: ""; 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left:0;
}
-->
</style>
</head>
<body>
<div id="menulinje">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="20" colspan="6"></td>
  </tr>
  <tr>
     <td width="8" class="txt_EKL_menu_aktiv">&nbsp;</td>
    <td height="26" valign="middle"><a href="test2.asp" class="svg"><object type="image/svg+xml" data="Images/EKLlogo.svg" height="30" width="500" codebase="http://www.savarese.com/software/svgplugin/"></object></a></td>
  </tr>
</table>
</div>

</body>
</html>

Answer 1

删除 <object> 元素上的代码库属性，它将显示。

SVG 图像在 Firefox 中不显示

SVG images not showing in Firefox

firefox

svg

asp-classic