引导头标志图像在Mozilla中不显示

Question

请记住，我对HTML和CSS相当陌生。我有一个徽标在我的bootstrap头在我的网站(www.prettyugly.co.nz)

我最初使用以下代码来显示它，它在Chrome

中工作得很好

.image {
  content: url("/img/logo-white.png");
}

然后这个在HTML中叫做CSS

<div class="image"></div>

我后来知道你必须使用:before命令来让内容在Firefox中工作，但是我不能让它全面工作。

任何想法?

Answer 1

您应该简单地使用(HTML):

显示图像

<div><img src="/img/logo-white.png" /></div>

但是如果你想把它设置为background，那么你应该使用(CSS):

.image {
    background-image: url("/img/logo-white.png");
    width: 225px; height: 63px; /* Dimensions of image */
}