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 */
}