当我在我的网页上向上滚动时，我会在页面停止的顶部看到这个白色条，您可以在某些浏览器中看到它，尤其是在 Mac 上。看看图片也看看它的外观。 (如果我不滚动到顶部，就会出现这个剂量) 但是我怎样才能将它更改为我的背景图片呢？
#menuBar {
background: url("main_background.jpeg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
padding:10px 20px;
position:fixed;
top:0;
left:0;
z-index:2000;
width:100%;
}
body {
background: url("main_background.jpeg") no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: "Impact", charcoal,sans-serif;
font-size: 18px;
color: #323232;
}
最佳答案
这是菜单部分在 html 中的样子
<body>
<!-- menu -->
<div class="menuflex" id="menuBar">
<ul>
<li> <a href="#">Home</a></li>
<li> <a href="#">Sites</a>
<ul>
<li> <a target="_blank" href="test/test.html">Test </a></li>
<li> <a target="_blank" href="slider/norsk natur.html">First Slider</a></li>
<li> <a target="_blank" href="TRIPOLOSKI/tri.html">TRIPOLOSKI</a></li>
<li> <a target="_blank" href="#"> Next Project </a></li>
</ul>
</li>
<li> <a href="#">Contact</a>
<ul>
<li> <a href="#">Contact Håvard</a></li>
<li> <a href="#">His company</a></li>
</ul>
</li>
<li> <a href="#">Social media</a>
<ul>
<li> <a target="_blank" href="https://www.facebook.com/havardsnowboard">Facebook</a></li>
<li> <a target="_blank" href="https://twitter.com/TwintipzZ">Twitter</a></li>
<li> <a target="_blank" href="https://youtu.be/84K2ple-pF0">Youtube</a></li>
<li> <a target="_blank" href="https://www.twitch.tv/twintipzz/">Twitch</a></li>
</ul>
</li>
</ul>
</div>
<!-- end of menu -->
关于html - 滚动时页面顶部出现白条，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40215934/