html - 导航栏在一个页面上有效,但在另一个页面上无效

标签 html css twitter-bootstrap navigationbar

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

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

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

我该如何解决这个问题?

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

最佳答案

使用 relative 位置而不是默认的 static 并确保索引页面中的 slider 具有较低的 z-index 数字并且它应该不错。

此外,您可以在此处查看关于 z-index 工作原理的非常好的解释: https://stackoverflow.com/a/7490187/6028607

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

关于html - 导航栏在一个页面上有效,但在另一个页面上无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36969605/

相关文章:

html - 超大屏幕背景图片没有响应

javascript - 使用 javascript 检测 html5 验证

css - 如何开发一个 100% 浏览器兼容的基于 CSS 的布局?

twitter-bootstrap - Bootstrap 中布局类的完整列表?

angularjs - ng-bootstrap ngbDropdown 在 Angular 4 中不起作用

jquery - 如何拖动和定位一个div

html - HtmlService 中的 href

php - 我的页面在 IE 中被推到最左边,但在 Chrome、Firefox 和 Safari 中看起来很好。在我使用 include 之前我没有遇到这个问题

javascript - 更改样式表中数据 URL 加载的 SVG 图像的填充颜色

twitter-bootstrap - 媒体查询、 Bootstrap 和 css3-mediaqueries-js - 媒体类型(屏幕、手持设备等)是否可选?