html - 在标题上插入图像

Question

我正在尝试在标题中显示徽标。它有一个带有类bannerPicture的div，我在其中指定了徽标的位置：

.bannerPicture
    {
     width: 213px;
     height:128px;
     background: url(logo_uhhipl.gif) repeat 0px 3px;
    }

我的html如下：

<header>
    <div id="showlogo" class="bannerPicture">
    </div>
</header>

我的问题是，如果我在 div“showlogo” 中添加任何文本，则徽标会出现在文本后面，如果我像上面那样将其留空，则不会显示。任何建议表示赞赏。

是因为我没有里面的div吗？

score 0 · Accepted Answer

这是背景图像的正常行为。这就是名字的由来。如果要添加徽标，只需使用“img”标签即可。或者，如果您更喜欢使用 CSS，您可以使用带有指定背景图像的“a”标签 - 因为徽标通常是可点击的，并且会将您返回到主页。

score 0 · Accepted Answer

由于它在 CSS 中，因此它显示为背景图像。此外，由于没有指定元素的宽度或高度，因此不会显示背景。在我看来，您的目标实际上是在 HTML 中声明图像，而不是在 CSS 中。

2 回答 2