Question

我有简单的svg箭头，但是当我在线使用伪背景图像时它没有显示但是它在我的localhost上运行正常：任何想法？

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：

<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>

Answer 1

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

svg伪背景图像文件没有显示在实时网站上，但在localhost上工作原因？

1 个答案: