Html 从网页顶部删除矩形

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

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

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

此时，web页面看起来像这样

现在如果我把颜色改成fff

#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>

一些文本

一些文本

我想要的是全屏显示图像。我想不出在删除背面/白色条时哪里出了问题？ 如何删除它

---

您必须从

#intro1

的

内联CSS

中删除

边距顶部

，您可以使用

填充顶部

而不是

边距
问题是由这行代码引起的：

<div id="intro1content" class="content" style="display: block; margin-top: 61.86937866666666px;">



具体来说，您正在内联应用的边距顶部会导致此彩色条带显示。只需删除页边距顶部的内联css。
此ID中有：

移除页边距顶部：61.8693786666px
 我没有发现标题部分有任何问题。只有一个小故障，我看到一条白色的奇怪的线出现了。要获得更好的解释，请查看屏幕截图

让我知道这是你想要的

好吧，你想这样吗？查看更新屏幕截图？
您是否使用firebug或chrome来检查页面？最好共享一个网站链接，然后您就可以得到一个快速的结果。kheema pandey看看这个网站，我正在尝试删除黑色条带（顶部的相同条带）为了用我自己的图片改变背景，我删除了其他的东西，但是黑色的那个会伤害我分享链接的人。你给出的URL是指顶部的白线吗？Kheema Pandey我想做的是删除整个内容，所有地址定制，所有内容，图像已完全显示。我希望白线黑条所有内容都被删除，假设我附加的屏幕短片中没有黑/白条，图像从左上角开始。此更改的结果是我无法处理的内容。我有两个部分，它完全删除了第一个部分，直接跳到了第二个部分，如果你只删除了页边空白的顶行，黑色的条带就占据了大约25%的屏幕。白色和黑色都没有变化。你能给我们提供一个到你的网页的链接，让我们检查一下吗？或者是图片的fiddle链接？我是新来者我试图创建js fiddle，但无法复制功能u可以查看此网站它是我试图自定义的同一参考源。没有更改它仍然显示相同的旧结果。白色带代表白色，黑色带代表黑色。你能给一个jsfiddle或其他什么吗否则？我无法复制js fiddle中的功能。你可以检查一下，这是我试图自定义的网站。你必须在verticalScrollArea的顶部减号和intro1Content的页边顶部中给出相等的值，你能解释一下吗？这让我有点困惑“verticalScrollArea的顶部减号和intro1Content的页边顶部”我已经试过了之前的建议它不起作用Kheema不，请看我的屏幕再短一次你仍然有徽标手机不黑色条纹我不想要，我需要所有东西都消失。只需将你的与我的进行比较，希望你能得到差异。我添加了菜单和子菜单，实际上是定制的，而不是网站中的内容。我已从网站中删除了菜单和子菜单中的该部分，但是我无法删除那个黑色的条带。Kheema感谢你的耐心和帮助。我添加了一个新的屏幕短截图，你可以检查一下。我的屏幕短截图中的菜单是我添加的。我可以删除菜单（你的页面、便利设施、画廊等），但它们位于一个黑色的矩形条带上，这是我无法消除的，但仍在思考如何消除，希望你完全解决了我的问题