Question

当我在我的网页上向上滚动时，我会在页面停止的顶部显示此白条，您可以在某些浏览器中看到此信息，特别是在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;
}

Answer 1

这是菜单部分在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 -->

滚动时页面顶部有白色条

1 个答案: