css - .net Core 3.1 错误 404 在 CSS 中添加背景图像

Question

图像错误

添加背景图像时出现错误 404（在控制台中）： url("/wwwroot/images/bg-01.jpg");

我所做的是使用模板重新制作登录页面，并且一切正常。但不能将图像添加到背景。

我在记事本中有一个带有纯 css 和 html 和 js 的模板，它在传递给 .net 核心时才有效。图像有错误。鉴于我没有使用 _Layout 路径是正确的，因为我测试了在带有 href:/wwwroot/images/bg-01.jpg 的 img 标签中使用它并且工作正常。我还尝试使用来自网络的正确 url 图片和同样的错误任何人都可以提供帮助。？

标签： cssasp.net-core.net-corebackground-image

Answer 1

你需要使用like url('/images/bg-01.jpg')，这里有一个demo：

万维网根：

看法：

<div id="div1">
        <div id="div2">
            Peppa
        </div>
    </div>
 <style>
     #div1 {
         background-image: url('/images/Peppa.jpg');
         width: 279px;
         height: 181px;
     }
     #div2 {
         background-image: url('/images/green.PNG');
         width: 100px;
         height: 50px;
     }
 </style>   

结果：</p>