SVG未通过css显示在网站中

我正在尝试添加一个svg徽标，我在inkscape中制作的徽标会出现在我的网站上

这是我用来尝试和显示它的css

当我加载页面时，不会显示任何内容，但是如果我通过浏览器导航到“图像”文件夹，则徽标显示良好，那么为什么它不会通过css显示呢

#ind_header_logo{

    width: 400px;
    margin-top: 20px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;

    position: relative;
    background: url(../images/index/logo.svg) no-repeat top left;
    background-size: cover;


}

---

编辑：刚刚意识到它在firefox中显示得很好，而不是chrome。我用这样一个对象解决了它，我知道它有一些缺点，但这是唯一有效的方法

<object type="image/svg+xml" data="images/index/logo.svg">

            </object>

---

如果看不到网站的链接、文件结构或其他东西，就很难具体地说些什么。你的代码看起来很好，所有的文件结构都必须很好，才能在firefox中工作，这就是为什么chrome不显示它的原因。不幸的是，我在本地服务器上工作，因此无法直接向您显示页面是的，我理解。我知道在大多数现代浏览器上，SVG绝对支持作为背景图像。为了进行调试，可以尝试将其用作内联svg，以查看其是否有效？您可以在开发人员控制台中验证chrome是否能够加载该文件。具体而言，在chrome开发人员工具中：检查控制台是否有错误消息，检查div上的样式以确认其是否正确应用了后台属性，并检查resources选项卡，确认svg作为图像资源显示为ok。如果这些都不是问题，请发布SVG代码-Chrome和Firefox在SVG的默认大小方面有一些不同，可能是Chrome正在渲染SVG，但实际图形位于div之外，请尝试切换到背景大小：contain；来测试这种可能性。