logo标签列表

固定位置的导航栏无法保持固定。

csspositionbackground-imagefixed
4

我正在开发一个网站，遇到了很多问题。比如下载速度慢等。但我最大的问题是固定位置元素的行为。

首先，导航栏应该始终保持固定，但它并没有。但如果您在滚动时重新加载页面，它会出现在页面中间。非常奇怪。

点击此处查看实时网站

其次，背景应该保持固定，但它没有。

导航栏代码

<div class="navwrapper">
    <nav id="top">
        <div class="wrapper">
            <ul>
                <li><a href="#project" class="scroll">The Project</a></li>
                <li><a href="#makers" class="scroll">The Makers</a></li>
                <li><a href="#markets" class="scroll">The Markets</a></li>
                <li><a href="#workshops" class="scroll">The Workshops</a></li>
                <li><a href="#shop" class="scroll">The Shop</a></li>
                <li><a href="#getinvolved" class="scroll">Get involved</a></li>
            </ul>
    </div></nav>
    <span class="navshadow"></span>
</div>

CSS

.navwrapper{position:fixed;width: 100%;top: 0;}
1
请在此处添加有意义的代码和问题描述。不要只链接需要修复的网站-否则，一旦问题得到解决，这个问题对于未来的访问者将失去任何价值。发布一个展示你的问题的短小，自包含，正确的例子(SSCCE)将有助于你获得更好的答案。有关更多信息，请参见我的网站上有什么问题。我可以简单地粘贴一个链接吗？谢谢！ - j08691
嗯，不知道是什么原因导致的，但是当你从.label中移除z-index:-1时，一切都正常了。（在.navwrapper中添加z-index，这样一切看起来仍然一样）。 - darthmaim
@darthmaim 谢谢，真是个奇怪的问题。看起来应该可以工作，但你的解决方案有效！ - Francesca
1个回答
3
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接