Html 无法将鼠标悬停在下拉菜单上

我已经做了一个网站，其中有一个下拉菜单。当调用下拉菜单时，网页的其余部分不会改变，因为我已经给了页面

位置：relative

而且下拉列表的z索引比页面的z索引更高，因此它在任何时候都是可见的。我唯一的问题是，当有人将鼠标悬停在下拉菜单上时，我还想更改它的背景色

但不幸的是，当我将鼠标悬停在dropddown上时，浏览器认为我正在页面上悬停，出于某种原因不理解我实际上在下拉菜单上悬停。谁能帮我一下吗

#页面{背景色；
高度：2500px；
宽度：1600px；
保证金：自动；
位置：相对位置；
}
#下拉列表{
边际：0px；
}
.下拉项{
不透明度：0.7；
z指数：1；
背景色：红色；
}
.dropdownitem:悬停{
背景色：浅绿色；
颜色：白色
}

我想我已经明白问题是什么了。问题是我和他有一次约会

position:absolute

在这个div中有许多列表项。因为我的父div具有绝对定位，所以元素已从文档流中移除，当我将鼠标悬停在列表项上时，：hover伪类对那些嵌套的列表项不起作用。现在我已经找到了原因，但唯一剩下的是解决方案，我还没有找到。
这可能会有所帮助


ul，
李{
填充：0；
保证金：0；
}
李{
列表样式：无；
填充：1em；
}
#页面{
保证金：自动；
位置：相对位置；
}
.主菜单，
.子菜单{
边框：薄实线；
文本对齐：居中；
}
.子菜单{
显示：无；
}
.main菜单：悬停>子菜单{
位置：绝对位置；
顶部：50px；
左：0；
显示：内联块；
}
.主菜单，
.下拉项{
宽度：4em；
}
.下拉项{
不透明度：0.7；
背景色：红色；
}
.dropdownitem:悬停{
背景色：浅绿色；
颜色：白色
}


主菜单

一个
两个



你好，阿尔曼。我们很乐意为您提供帮助，但您需要在此处发布HTML和CSS代码，以便我们看到问题所在。请为我们提供足够的代码以复制该问题。查看如何创建鼠标悬停时网站如何显示下拉菜单？下拉菜单的显示是块