reactjs 隐藏在页眉后面的下拉列表

rvpgvaaj 于 2022-12-22 发布在 React

关注(0)|答案(2)|浏览(291)

我正在创建一个标题，我有多个项目，如联系人，产品等标题。
因此，我创建的产品与下拉菜单，如果我悬停然后下拉菜单应该出现。
但是由于我的造型上的一些问题，它在头的后面。
下面是代码和框-https://codesandbox.io/s/youthful-worker-btgscc?file=/src/Components/Header.jsx
我认为这个问题主要是由z索引引起的，但我试着摆弄它，没有工作。

reactjs

来源：https://stackoverflow.com/questions/74886915/dropdown-hiding-behind-the-header

2条答案

按热度按时间

rta7y2nd1#

从您的nav中删除overflow: hidden;，它将工作

赞(0）回复(0）举报 2022-12-22

lnvxswe22#

您需要删除溢出：隐藏;.请在下面找到更新的样式。

.skid-row-tabs nav {
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;

  position: absolute;
  right: 0;
  top: 0;
  background: #fff;
}

赞(0）回复(0）举报 2022-12-22

我来回答

reactjs 隐藏在页眉后面的下拉列表

2条答案

相关问题

热门标签

最新问答