Question

我正在尝试从CSS显示我的徽标，但它不会显示。

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

CODE

＆＃13;

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

＆＃13;

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

＆＃13;

Answer 1

您的ID错误，只需更改为#logo_terra，此外您应该width和height，否则您只有padding尺寸

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

Answer 2

CSS中的

id错误

应该是#logo_terra

Answer 3

您的CSS没有引用HTML的ID。你有一个名为＆＃34; logo_terra＆＃34;所以你也必须将这个相同的ID引用到CSS。因此，请确保引用#logo_terra而不是#logo_img。

第二：新手最重要的是：

您的图片必须位于与CSS样式表相关的文件夹中。这取决于您保存图像的位置。

背景图像不显示

3 个答案: