我正在创建一个网站，我在页面上有一个静态定位的徽标。但是我有一个jQuery插件，它将它转换为一个固定的定位元素，因为当你滚动它击中屏幕的顶部时它会固定在固定位置导航栏的顶部。我遇到的问题是虽然徽标仍然是静态的，因为它还没有到达顶部但是与导航栏重叠，它出现在导航栏下方。我使用了徽标上的z-index来尝试放置它在顶部，但我发现当同时在静态和固定定位元素上使用时，这没有任何区别。
有没有人有解决方案？
编辑：我想我应该提一下，我自己想过一个解决方案，让徽标始终固定，并用javascript调整其位置，但我想在CSS中解决这个问题可能的。
答案 0 :(得分：1)
只需将position: relative;添加到#logo的样式中即可。 z-index仅适用于定位元素。在jsFiddle中测试它似乎有效。
快乐的编码！