图片上的标题文本

Question

我希望我的标题文本（事件、博客、关于）位于“Images/Damask.png”图像的顶部。相反，图像显示在标题的最顶部，图像下方的文本。

<header>

    <header>
    <img src="Images/Damask.png" width="100%" border="0" height="200" class="header">
        <a href="index.html" id= "logo">![enter image description here][1]
            <h1>J Barnes Events</h1>
            <h2>Indianapolis's Finest<h2>   
        </a>
        <nav>
            <ul>
                <li><a href="index.html" class="selected">Events</a></li>
                <li><a href="about.html">Blog</a></li>
                <li><a href="contact.html">About</a></li>
            </ul>
        </nav>
</header>

Answer 1

您可以简单地将以下 CSS 添加到样式表中，而不是单独添加图像，这将实现您想要做的事情：

header {
     background-image: url('Images/Damask.png');
}