图片未在CSS中显示

Question

我正在尝试在CSS中发布图片，但是它不起作用

我尝试添加文件名，但是该文件在HTML中却不能在CSS中正常工作。我不确定这是文件问题还是由于多次导入引起的

#header {}

#top .logo {}

#top.menu {}

#top .img .background-img {
  background: url('desk-computer.jpg');
  width: 100%;
  height: 400px;
}

<section id="top">
  <div class="logo">
    <h1>92</h1>
  </div>
  <div class="menu">
    <ul>
      <li>Home</li>
      <li>About</li>
      <li>Portfolio</li>
      <li>Contact</li>
    </ul>
  </div>
  <div class="background-img">
    <img src=>

    <h1>Welcome to my page</h1>
  </div>
</section>

Answer 1

你必须放

.background-img{
    background-image: url('desk-computer.jpg');
    width: 100%;
    height: 400px;
}

并从HTML文件中删除<img src=>