下拉导航栏被内容覆盖

Question

我目前正在尝试为photoshop布局创建目标网页。我是HTML和CSS的新手，我无法解决这个问题。我的下拉菜单列表已被内容覆盖。我认为这可能与定位有关......谢谢 我会附上一张图片，如果需要，我也会分享我的代码......

Dropdown menu getting covered by content (positioning) IMAGE

Answer 1

只需在您的下拉列表中z-index:999;。

z-index号码较高的对象将高于数字较低的对象。

Answer 2

如前所述，您可以使用Z-index来确定元素在彼此之上的呈现方式。具有较高z-index的元素位于具有较低z-index的元素之上。

根据MDN docs：

  

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

Answer 3

将CSS属性z-index: 999;添加到您的下拉列表中。不一定应该是999，而只是999是z-index中可以使用的最大值z-index。

z-index的属性是z-index的分数较高的分区将显示在ActionBar actionBar = getSupportActionBar(); actionBar.setElevation(0f); 中数字较小的分区上方，因此您可以决定出现不同的分歧。

要了解详情，请访问https://www.w3schools.com/cssref/pr_pos_z-index.asp

Answer 4

如果 z-index 没有解决，您可以检查导航容器，如果您找到 overflow-y，您可以评论该行。