1

所以我最近在这里开发了一个网站，我想知道为什么我的图像 div（徽标）出现在 Safari、IE 和 Chrome 中，但没有出现在 Firefox 中？我试图寻找答案，但没有任何效果。感谢帮助。

这是我的 CSS 代码：

 #logo-header {
padding-top: 70px;
content:url(../img/logo.png);
margin: 0 auto;
outline: 0; max-width: 100%; height: auto;
margin-bottom: -50px;
}

这是我在 HTML 中初始化它的方式：

<div id="logo-header"> </div>

再一次感谢你的帮助。

4

4 回答 4

1

代替属性'content'试图使用'background-image'，Firefox 读取它。

于 2013-09-23T13:14:01.063 回答
1

Firefox 只接受content伪元素 liebefore和after.

您可以将您的 css 更改为：

background: transparent url(../img/logo.png) no-repeat center center;

并设置适当的高度（类似于300px）。

于 2013-09-23T13:17:59.820 回答
1

content常规元素不支持属性（我很惊讶它可以在其他浏览器中使用）。如果图像是您内容的一部分，请将其放在标记中：

<div id="logo-header">
  <img src="img/logo.png" alt="Logo">
</div>
于 2013-09-23T13:19:27.287 回答
0

而不是content使用background：

#logo-header {
background: url(../img/logo.png) no-repeat center;
}
于 2013-09-23T13:11:26.290 回答