Bootstrap标题图标图像不显示在Mozilla中

Question

请记住，我是HTML和CSS的新手。我的网站上的引导程序标题中有一个徽标（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 */
}