首页 > 解决方案 > 图像无法显示,因为它包含错误

问题描述

我正在尝试在 div 中显示背景图像:

 <div class="container-fluid">
    <div class="row">
       <div class="fill-screen" style="background-image: url('../../wwwroot/images/lake.jpg');" ></div>
   </div>   
</div>

但是,它不会被渲染!,当我用 F12 调试浏览器并单击图像 URL 时,我收到此错误:

在此处输入图像描述

怎么了 ?

标签: csstwitter-bootstrapasp.net-coreasp.net-core-mvc

解决方案


更改图像如下:

background-image: url('../images/lake.jpg'); 

或者

background-image: url('@Url.Content("~/images/lake.jpg")')

推荐阅读