html - div 元素的 CSS 背景不起作用

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 中类属性的引号。将它们更改为 - ""

.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>