当我打开模态时，导航栏会超过模态？

Question

我在开放式购物车框架中工作。在里面，我创建了一个模态页面。事情是，当我打开模态导航栏时，它会过来。那么如何克服这个问题呢。 click here for screenshot。我真的被困在这个位置。我希望有人能帮助我。

Answer 1

您的导航栏的值z-index大于模态。只需将其更新为较低的值或增加模态的值。

  

z-index CSS属性指定定位元素及其后代的z顺序。当元素重叠时，z顺序决定哪一个覆盖另一个。具有较大z-index的元素通常覆盖具有较低z元素的元素。

有关MDN z-index的更多信息：

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

Answer 2

您的导航设置为：

top:0px;
position:fixed;

你的模态：

z-index:2000;