html - 背景图像未添加到 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;


  }

标签： htmlcssjsp

Answer 1

使用 HTML 中的链接时，如果所述链接没有，您可以尝试一些方法。

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

如果您需要更多信息，可以在 HTML 指南中查看 W3School 的相对路径以更好地理解这一点。这是该网站的一个片段。