Javascript 使用z索引在父级上方显示?

Javascript 使用z索引在父级上方显示?,javascript,css,html-lists,Javascript,Css,Html Lists,例如: 单击某个类别时,我希望下拉列表显示在其余类别的上方。现在一切都是位置:相对的,所以他们四处移动以适应环境。我想使用position:absolute和z索引,但似乎无法使其工作。请注意,最后的javascript必须与我们决定执行的操作一致 谢谢 只需将z-index从触发器div上取下,并在ul上使用position:absolute即可。只有在必要时才使用z索引。如果元素不明确要求z索引,则不要设置它。如果将“coffeetype”类的位置设置为绝对位置,则下拉列表将显示在所选咖啡上

例如:

单击某个类别时,我希望下拉列表显示在其余类别的上方。现在一切都是位置:相对的,所以他们四处移动以适应环境。我想使用position:absolute和z索引,但似乎无法使其工作。请注意,最后的javascript必须与我们决定执行的操作一致


谢谢

只需将z-index从触发器div上取下,并在ul上使用position:absolute即可。只有在必要时才使用z索引。如果元素不明确要求z索引,则不要设置它。

如果将“coffeetype”类的位置设置为绝对位置,则下拉列表将显示在所选咖啡上。这就是你想要的行为吗?