我目前正在尝试为photoshop布局创建目标网页。我是HTML和CSS的新手,我无法解决这个问题。我的下拉菜单列表已被内容覆盖。我认为这可能与定位有关......谢谢 我会附上一张图片,如果需要,我也会分享我的代码......
Dropdown menu getting covered by content (positioning) IMAGE
答案 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
,而只是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
答案 3 :(得分:0)
如果 z-index
没有解决,您可以检查导航容器,如果您找到 overflow-y
,您可以评论该行。