在标题上插入图像

Question

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

.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吗？

Answer 1

这是背景图像的正常行为。这就是名字的来源。如果您想添加徽标，请改用“img”标签。或者，如果您更喜欢使用CSS，则可以使用带有指定背景图像的“a”标签 - 因为徽标通常是可点击的，并返回主页。

Answer 2

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