html - 背景图片不显示

Question

我试图通过 CSS 显示我的 Logo ，但它不会显示。

当我检查元素时，它显示图像存在但不会出现在网页上。

代码

#logo_image {
  margin-top: 13px;
  float: left;
  background: url(images/logo_color.png) no-repeat;
  padding: 8px 16px 8px 16px;
}

<a href="index.html" id="logo_terra"></a>

Answer 1

你的ID不对，改成#logo_terra，加上width和height，否则只有填充 大小

#logo_terra {
  margin-top: 13px;
  float: left;
  background: url(//lorempixel.com/100/100) no-repeat;
  padding: 8px 16px;
  width: 100px;
  height: 100px
}

<a href="index.html" id="logo_terra"></a>