下拉导航栏被内容覆盖

时间:2018-02-17 22:06:31

标签: html css html5 css3

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

Dropdown menu getting covered by content (positioning) IMAGE

4 个答案:

答案 0 :(得分:1)

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

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

答案 1 :(得分:0)

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

根据MDN docs

  

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

答案 2 :(得分:0)

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

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

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

答案 3 :(得分:0)

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