忽略 padding-top CSS 的背景图片

Question

我在网站的第一部分有一个背景图像，但是该部分有一个 padding-top，以便将第一个标题与导航栏分开。有没有办法让背景图像覆盖顶部填充？

谢谢

HTML

<nav>

        <a href="#getting-his-start"><b>Getting his Start</b></a>&nbsp;&nbsp;
        <a href="#cinematic-revolution"><b>Cinematic Revolution</b></a>&nbsp;&nbsp;
        <a href="#experimental-phase"><b>The Experimental Phase</b></a>&nbsp;&nbsp;
        <a href="#logos-made-to-last"><b>Logos Made to Last</b></a>&nbsp;&nbsp;
        <a href="#the-nect-big-thing"><b>The Next Big Thing</b></a>&nbsp;&nbsp;
        <a href="#his-influence-today"><b>His Influence Today</b></a>&nbsp;&nbsp;

    </nav>

    <section class="start">

        <h2 id="getting-his-start">Getting his Start</h2>

背景图片的CSS

.start {
background-image: url(../images/goldenarmamend.png);
background-position: top right;
height: 100%vh;
width: 100%vw;

}

h3 上方的 CSS 空间

h3 {
font-size: 1.5em;
margin-top: 3em;
margin-bottom: 0.7em;
text-transform: uppercase;

}

Answer 1

添加一个 margin-top 而不是 padding-top 并以负边距顶部向上移动标题。 如果您可以在该部分共享代码 sn-p 可以给出准确的答案。