没有在div内添加背景图片

Question

我尝试将背景图片添加到div中，但是该图片未在div中显示，但是背景图片可以正常工作。我已按照一些教程来解决此问题，但没有人支持我解决这个。请帮助我解决此问题。谢谢。这是我的代码部分。

在jsp内部...

<div class="six">
        <div class="six_one">
            //some thing
        </div>
        <div class="six_two">
          //some thing
        </div>

我的css部分...

 .six{
 height: 650px; 
 display: -ms-flexbox; /* IE10 */
 display: flex;
-ms-flex-wrap: wrap; /* IE10 */
 flex-wrap: wrap;
 background-image: url("/imgs/c1.jpg");
 background-size: cover;
 }
 .six_one{

 -ms-flex: 60%; /* IE10 */
 flex: 60%; 
 padding-left:40px;


 }
 .six_two{

 -ms-flex: 40%; /* IE10 */
  flex: 40%; 
  padding: 20px;


  }

Answer 1

在使用HTML中的链接时，如果上述链接没有，您可以尝试一些操作。

1. 在大多数浏览器上按F12键将打开开发人员控制台，从那里您可以检查代码中存在哪些网络错误，CSS，JS错误，还可以从控制台编辑整个网站并检查更改是否为是必需的
2. 使用Fiddler之类的工具来检查您的网站加载了哪些项目以及哪些项目失败了。失败的项目将显示为红色[400-500范围，在某些情况下甚至可能是白色的，如果这样设置您的网站，则会显示重定向
3. 如果您使用的是Visual Studio之类的IDE，只需将图像拖到js文件中，即可创建正确的路径。

如果您需要更多信息，可以查看W3School's relative path in HTML指南以更好地理解这一点。 这是该站点的摘录。