添加后图片未出现在网站上

Question

我有ASP.NET Core项目，想向其中添加svg图标

我在wwwroot/images/MainSystem/Reports下添加了它

我在项目和资源管理器中都看到了

此后，我编写了CSS代码以在后台使用它们

这是代码

 .child.devices {
    background-image: url(../images/MainSystem/Reports-icons/Devices.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 150px;
}

并在html中像这样使用

<div class="child devices"><span>Devices</span></div>

但图像未出现。但我看到它的风格

我在控制台中没有错误

我尝试清理项目并重建和清理缓存。

什么都没发生。我该如何解决？

Answer 1

它为我工作，我在演示中尝试了相同的方法。我刚刚删除了../像images / MainSystem ....这样的表单路径，然后指定要进行分类的高度和宽度并删除了背景尺寸属性。

请参阅所附屏幕截图。

谢谢