Z-index弄乱了导航栏CSS

文章/答案/技术大牛

发布

1回答

css、css-position、z-index、fixed

我在修复的导航栏菜单上的z索引有问题。当我把位置固定在标题和汉堡图标上时，汉堡图标在导航栏后面消失了。当没有z-index时，导航栏是可以的，但当我滚动时，它似乎会移到主要内容后面。我有一张照片。important; position: fixed; cursor: pointerimportant;

浏览 19提问于2020-02-11得票数 0

3回答

我的下拉按钮出现在搜索栏的后面

html、css

我需要一个帮助自定义我的下拉式导航栏，看看图片的下拉式列表出现在搜索栏后面。我怎样才能让它以正常的方式出现？ ? 谢谢

浏览 28提问于2020-01-26得票数 0

回答已采纳

2回答

可以在固定的div上进行覆盖吗？

css、twitter-bootstrap

我使用Bootstrap作为我的UI框架，导航栏固定在顶部。我想要一个覆盖整个屏幕的覆盖。目前，导航栏还没有被接管。这个是可能的吗？

浏览 3提问于2012-09-19得票数 0

回答已采纳

4回答

如何正确地使导航栏固定在屏幕顶部？

javascript、css、reactjs

我正在尝试制作一个导航栏，当你向下滚动时，它会停留在屏幕的顶部。下面是它现在的样子： ? Navbar.jsx import React from 'react';import { BsFillPersonFill/navbar.css'; return ( &

浏览 122提问于2021-02-18得票数 1

回答已采纳

1回答

正文上的CSS转换弄乱了固定导航栏

jquery、html、css

我在屏幕顶部的标题后面有一个菜单栏。当我没有在主体上设置转换时，我的代码运行良好，当你在菜单栏下面滚动时，它会变成一个导航栏，并作为屏幕顶部的固定栏出现。0.9);-o-transform: scale(0.9);然后我的网站看起来更好，但当滚动到菜单栏时main-menu.isfixed { position: fixed;

浏览 2提问于2015-05-18得票数 0

2回答

我在我的页面上使用bootstrap和jQuery，点击按钮灰显了整个窗口，下面给出了jQuery代码，但灰色不适用于导航栏-折叠与id为“折叠”，因为页面上的其他部分是灰色的显示在图像attached**jQuery** $('#background').css({ "display": "block", opacity: 0.7,"width":$(document).widthcontent="width=de

浏览 0提问于2014-12-18得票数 0

2回答

z-index在下拉菜单的Wordpress主题中不起作用

css、wordpress、drop-down-menu、z-index、buddypress

我已经定制了很多导航栏的外观，现在我正在尝试让下拉菜单工作。它们在默认主题中工作得很好。在默认主题中，一个类被添加到导航栏中悬停在.sfhover上的列表项中，并且这个div类具有CSS 'position:relative;z-index:1000‘。最后，包含导航栏的#header div包含CSS 'position:relative;z-index:1000‘。我已经检查

浏览 4提问于2012-06-23得票数 0

回答已采纳

13回答

使用twitter bootstrap下拉菜单的Z索引问题

drop-down-menu、twitter-bootstrap、z-index

我在页面顶部的固定导航栏中使用twitter bootstrap下拉菜单。感谢你能给我的任何帮助。我认为这可能是我误解的CSS定位的一些标准问题，所以我没有发布任何代码，但如果需要的话，

浏览 1提问于2012-12-17得票数 59

1回答

如何使导航栏成为静态导航栏？

html、css

我想知道如何才能使我的网站上的导航栏是静态的？下面是我的网站代码。

浏览 0提问于2017-02-04得票数 0

回答已采纳

2回答

导航栏并不适用于所有部分(html、css、js)

javascript、html、css、twitter-bootstrap、bootstrap-4

我不明白为什么导航栏一旦转到另一个区域就不能工作了。只有当它位于页面顶部(主页部分)时，它才有效。我尝试了几种不同的方法，但似乎都不起作用。我试着寻找其他帖子，但找不到任何针对这个问题的具体信息。TITLE </title> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min

浏览 25提问于2020-07-29得票数 1

回答已采纳

2回答

Bootstrap 2.3.2响应式导航栏不覆盖内容

html、css、twitter-bootstrap、mobile、responsive-design

我在Bootstrap 2.3.2中有一个导航栏，在桌面上看起来很棒。我正在尝试将响应式导航栏用于平板电脑和移动设备，但我遇到了一些问题。我使用的导航条码是非常标准的 <div class="navbar-inner"> <-- dynamic code builds the menu he

浏览 2提问于2015-10-03得票数 2

4回答

Bootstrap菜单重叠下拉列表的问题

javascript、jquery、html、css、twitter-bootstrap

我的两个导航菜单有问题。我使用了两个相同类型的导航，与Bootstrap一起提供。第一个导航使用的是“导航条-逆”类，而第二个导航菜单使用的是“导航条-默认”类，并做了一些小修改。单击右角的下拉菜单时会出现此问题；第二个导航菜单将重叠下拉框，只有菜单下面的内容是可见的。请看下面的附件以获得插图。

浏览 7提问于2015-03-20得票数 2

回答已采纳

4回答

当我向上滚动时，导航栏必须停留在顶部位置，而不是通过跟随导航栏的图像进行隐藏

javascript、jquery、html、css、twitter-bootstrap

我编写了一个代码，当我向下滚动时，将导航栏放在顶部位置。但现在的问题是，当我向下滚动顶部固定的集合时，我编码了。但是在隐藏导航栏的导航栏后面的图像。{ $("#rows").csstop: 0, position: 'fixed' })

浏览 0提问于2015-11-20得票数 1

3回答

如何在css中定位按钮而不发生这种情况？

html、css、button

这是CSS和HTML代码，问题如下所示。Cup</b></h4> <p>$89.99</p></div> 这就是按钮显示在固定导航栏上的问题

浏览 2提问于2021-09-10得票数 0

4回答

如何让页面内容始终显示在导航栏的下方？

javascript、html、css、layout、positioning

我希望页面的内容始终显示在导航栏的下方，类似于此页面的工作方式：为此，我使用position:fixed将导航栏固定在页面顶部。这是有效的，但我仍然能够上下滚动内容，当我想要内容始终被推到导航栏下方时，它会“遍历”并越过导航栏。你有什么建议吗？下面是包含导航的<ul id='navigation'>的

浏览 9提问于2013-01-19得票数 0

回答已采纳

4回答

引导导航的Css页脚问题

html、css、twitter-bootstrap

</div>这是容器和页脚的css代码：position:relative; /* needed for footer positioning*/padding: 0 0 4em; /* Footer height padding */bottom: 0;z-index我试着用z-index：-20来修复它

浏览 0提问于2014-01-30得票数 1

回答已采纳

3回答

将导航栏放置在其他元素的顶部

html、css、reactjs、react-navigation、css-position

我在一个网站上工作，在这个问题上我被卡住了，我在css中创建了一个导航条并应用了固定位置属性，但是在它下面，我创建了一个悬停元素，但是这个悬停显示在导航栏之上。以下是一些截图：)

浏览 6提问于2022-09-01得票数 -1

回答已采纳

2回答

如何自定义Bootstrap？

css、twitter-bootstrap、customization

我想使用导航等新颜色自定义引导程序。如何创建一个单独的css文件来覆盖bootstrap.css上的一些内容？(我不想弄乱bootstrap css文件，以防bootstrap有更新，而且我不需要重新添加任何内容)。如何在自定义CSS文件中更改导航栏的颜色？

浏览 3提问于2013-08-06得票数 0

2回答

图像和文本不会移到导航栏后面

html

我正在为我的祖父制作一个网页，当我滚动时，我的导航页面不会停留在内容的顶部，这是我的html： <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGs

浏览 34提问于2020-05-05得票数 0

回答已采纳

2回答

HTML/CSS3 -我在导航栏中添加了一个形状，它弄乱了对齐方式或包装器

html、css

所以我已经开始摆弄响应式html了。但无论如何，这并不是真正的问题所在。问题是在我添加了这个平行四边形形状后，它弄乱了我的包装器的内容。我尝试使用z-index使导航栏出现在包装器上，但是当我将包装器设置为相对时，它不起作用，当我将其设置为绝对/固定和z-index -1时，它起作用。我只是想让我的包装器在导航栏中具有平行四边形的形状时居中对齐。因为现在，我的两列布局因为形状的原因而变得混乱。sans-serif;

浏览 1提问于2013-03-16得票数 0

回答已采纳

点击加载更多