Css svg伪背景图像文件不显示在实时站点上，但在本地主机上工作为什么？

我有一个简单的svg箭头，但当我在线使用它作为伪背景图像时，它不会显示出来，但它在我的本地主机上运行良好：知道吗

span a:after {
  content: "";
  background-image: url(arrow_right.svg);
  width: 24px;
  height: 18px;
  display: inline-block;
  margin: 0px 0 0 10px;
  position: relative;
  top: 3px;
}

svg：

将content type=image/svg+xml添加到根目录下的.htaccess文件中，而不是content type=text/xml

环境中的区别是什么？我经常将图像链接视为相对路径来解释人们的差异。尝试了绝对路径和相对路径都没有成功，当我检查它时，它就在那里，但没有显示出来。控制台中的图像是否有任何错误（例如404）？我想你必须使用数据url来访问这样的内联SVG。如果它实际上没有保存为图像，则不能作为图像使用。-@保利：谢谢！行得通

<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 24 18" enable-background="new 0 0 24 18" xml:space="preserve">
<path fill="#F9C32C" d="M19.8,10.1l-6.6,6.4l1.5,1.5L24,9l-9.3-9l-1.5,1.5l6.6,6.4H0v2.1H19.8z"/>
</svg>