html - 从网页顶部删除矩形

Question

这个花了很多时间，因为我无法理解与之相关的问题。我还是 CSS 的新手，并不完全理解这个问题。

这是控制网页背景的CSS代码片段

#intro1 {
    height:1000px;
    background: #000 url('../innerimages/slide4.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;
    background-size:cover;
}

此时网页看起来像这样

现在如果我将颜色更改为 fff.i.e

#intro1 {
    height:1000px;
    background: #fff url('../innerimages/slide4.jpg');
    background-position:center 0px;
    background-repeat:no-repeat;
    background-size:cover;
}

页面看起来像这样

这是html部分

<div id="verticalScrollArea" style="display: block; top: -65.27584886649873px;">
    <section id="intro1" data-navigation-tag="About SVP 69" style="display: block;        background-position: 100% 44.8228px;">
          <div id="intro1content" class="content" style="display: block; margin-top: 61.86937866666666px;">
        <div class="contentData"> <div class="background">SOME TEXT <br>
              <a href="http://69svp.in/about.html"><img src="./69 SVP_files/know-more.png"></a> 
</div> </div>
        <div class="scrollDown"> <span>SOME TEXT</span> <img src="./69 SVP_files/scroll-down.png"></div>
      </div>
        </section>

我想要的是全屏显示图像。我无法弄清楚在移除背面/白色 strip 时哪里出错了？如何删除它

Answer 1

你必须从你的 #intro1 的 inline CSS 中移除 margin-top，你可以使用 padding-top 而不是 margin