【问题标题】:Navbar works on one page but not on another导航栏在一个页面上有效,但在另一个页面上无效
【发布时间】:2016-05-01 17:23:04
【问题描述】:

我正在努力完成我的作品集,而我做的最后一件事是稍微润色导航栏。我将位置从fixed 更改为static,因为它阻止了一些文本等。但是,在索引页面中,它位于标题 img/text 下方,而在其他页面上则完美运行。

索引:http://prntscr.com/az3epm

其他页面:http://prntscr.com/az3es4

我该如何解决这个问题?

代码:http://pastebin.com/raw/fsANa932

【问题讨论】:

    标签: html css twitter-bootstrap navigationbar


    【解决方案1】:

    使用relative 位置而不是默认的static 并确保您的索引页面中的滑块具有较低的z-index 编号,并且应该很好。

    另外,你可以在这里查看z-index 工作原理的很好的解释: https://stackoverflow.com/a/7490187/6028607

    您可以查看此答案以了解为什么 static 位置被 z-index 属性忽略: https://stackoverflow.com/a/8486532/6028607

    【讨论】:

    • 索引页上有幻灯片吗?如果是这样,您必须更改幻灯片的 z-index 以使其显示在导航后面
    • 你能把索引代码贴在 jsFiddle 上吗? jsfiddle.net不然不好调试
    • 将宽度从 33.33% 降低到 31%,因此它可以是内联样式。 jsfiddle.net/eL7fbn04
    • 是的,但我在想,你能发布所有索引代码吗?因为您的导航栏运行良好,但由于下一个内容而被隐藏
    • dropbox.com/sh/u33gi6ruz7azxyh/AACBdjyiFDApTuO0_WL5xrr_a?dl=0,整个项目:D,它有一些库等,因此很难复制索引
    猜你喜欢
    • 1970-01-01
    • 2015-06-20
    • 2020-08-24
    • 1970-01-01
    • 1970-01-01
    • 2012-08-09
    • 1970-01-01
    • 2022-01-14
    • 2020-11-07
    相关资源
    最近更新 更多