如何使div重叠？

Question

大家好我有一个DIV的问题基本上如你在TAG下面的照片中所看到的那样重叠菜单下拉菜单。菜单下拉菜单是否可能比HR标签更优惠？

CSS for HR：

hr {
position:relative;
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #666;
  border-bottom: 1px solid #ffffff;
}

谢谢！

Answer 1

是的，在您的菜单上添加一个z-index，以便在hr上显示下拉列表。

.menu
{
position: relative;
z-index: 10;
}

你需要给它一个相对的位置以使z-index起作用。

Answer 2

我的猜测是z-index的{​​{1}}值小于div

的hr值

Answer 3

您只需将position: relative添加到.menu

即可