html - 固定标头定位问题

Question

处理我的投资组合并遇到定位问题 - http://harden6615.com/portfolio/index.html - 我有一个固定的标题导航，我使用了一个 jquery 滚动并且工作正常，直到它通过工作部分我的网站。固定标题的深度低于工作图像而不是高于。弄乱它，我意识到它与位置有关：相对，但不知道如何解决它。

我尝试z-index: -1了我的工作图像，但这打破了我在它们上的 jquery 悬停。任何人都知道固定定位的解决方案或是否有解决方案？

Answer 1

我使用谷歌开发者工具在谷歌浏览器中尝试了它，当我将它添加到#floatingbar：

position:fixed;
width:960px
z-index:10;

Answer 2

为您的 DIV 设置更高的指数#floatingbar，而不是降低投资组合的平方。

#floatingbar {
    z-index: 9999 !important;
}