html - 在页眉插入图片

Question

我试图在我的页眉中显示 Logo 。它有一个带有 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”中添加任何文本， Logo 就会出现在文本后面，如果我像上面那样将其留空，它就不会显示。任何建议表示赞赏。

是不是因为我没有inside div？

Answer 1

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