底层背景层元素（html/css）

我有一个用div构建的菜单，我希望菜单项有一个较低层的背景，在本例中是主体

结构：

正文{
背景图片：url（path/body.png）；
}
#菜单{
溢出：隐藏；
宽度：400px；
背景色：#fff；
}
嗯{
溢出：隐藏；
浮动：左；
背景色：#fffl填充：5px 10px；
利润率：0.10px；
}
嗯，这个{
背景色：透明；
z指数：-9999；
}

家
接触

有几种方法可以真正做到这一点。以下是其中之一：

.mm.this {
  position: relative;
  z-index: -9999; /*remove this or set it to auto or a positive value*/
}

.mm.this:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background: white;
  width: 100%;
  height: 1px;
}

这将创建一条水平线并将其放置在活动选项卡的底部。这将用一条白线覆盖下面的灰色边框