javascript - Bootstrap header Logo 图像未在 Mozilla 中显示

Question

切记，我对 HTML 和 CSS 还是个新手。我在我网站上的 Bootstrap header 中有一个 Logo ( 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>

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

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