Question

我已将网页划分为左右容器（工作正常）。我在div中创建了一个名为“ user-cover-container”的新类，它只需要在页面的左上方放置封面图像即可。

图像与CSS和HTML文件位于同一文件夹中。 HTML和CSS文件已正确合并。

.user-cover-container{
      height: 200px;
      width: 100px;
      background-image: url("bck.jpg");
      background-size: cover;
  }

<div class=”user-cover-container”> </div>

Answer 1

请检查HTML中class属性的反逗号。将它们更改为-“”

.user-cover-container{
      height: 200px;
      width: 100px;
      background-image: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTlhiyjToS4vgqPDf_ip_MdI8B7RKbfOlCCLsb9qH8d1PPN-rj5TA");
      background-size: cover;
  }

<div class="user-cover-container"> </div>

Answer 2

您错过了“”。将此添加到您的代码中。

'media/Clearance.png?sometexthere'

<div class="user-cover-container">test </div>

.user-cover-container{
      height: 200px;
      width: 100px;
      background-image: url("https://www.w3schools.com/w3css/img_forest.jpg");
      background-size: cover;
      color: white;
  }

div元素的CSS背景不起作用

2 个答案: