Html 如何修复活动列表项下的无边框？

我想把我的活动列表项放在我的边框底部。Z-index不起作用，我认为这是由于列表项的位置造成的。你知道怎么帮我吗

当前情况：

.meer_信息{ 列表样式类型：无； 保证金：0； 填充：0； 溢出：隐藏； 背景色：fff； 边框底部：1px实心98ab39； 边缘底部：100px； 文本对齐：居中； } .meer_info_li{ 显示：内联块； 变换：translate0，7px； } .meer_info_li a{ 显示：块； 颜色：000； 文本对齐：居中； 填充：10px 16px； 文字装饰：无； 边界半径：10px； 光标：指针； } .active、.meer\u info\u li a:悬停：未激活{ 右边框：1px实心98ab39； 左边框：1px实心98ab39； 边框顶部：1px实心98ab39； } 如果从容器中删除overflow:hidden并将白色边框底部添加到活动列表元素，则只需将列表元素向下移动1个像素，使其覆盖底线。注意，我还必须更新边界半径以使用边界顶部半径和边界底部半径。另一个改进是，您应该始终将列表元素的边框宽度设置为1px，以防止选项卡更改大小。可以将其颜色设置为“透明”以隐藏它们。请参见：1px实心透明

.meer_信息{ 列表样式类型：无； 保证金：0； 填充：0； 背景色：fff； 边框底部：1px实心98ab39； 边缘底部：100px； 文本对齐：居中； } .meer_info_li{ 显示：内联块； 边缘底部：-1px； } .meer_info_li a{ 显示：块； 边框：1px实心透明； 颜色：000； 文本对齐：居中； 填充：10px 16px； 文字装饰：无； 边框左上半径：10px； 边框右上角半径：10px； 光标：指针； } .meer_info_li a.活动，.meer_info_li a:悬停{ 边框：1px实心98ab39； 边框底部：1px实心fff； }

---

一种绕过类似结果的方法

.meer_信息{ 位置：相对位置； 列表样式类型：无； 保证金：0； 填充：0； 溢出：隐藏； 背景色：fff； 边缘底部：100px； 文本对齐：居中； } .meer_信息：之前{ 内容：； 位置：绝对位置； 底部：0； 左：0； 右：0； 边框底部：1px实心98ab39； } .meer_info_li{ 显示：内联块； 变换：translate0，7px； } .meer_info_li a{ 位置：相对位置； 显示：块； 颜色：000； 文本对齐：居中； 填充：10px 16px； 文字装饰：无； 边界半径：10px； 光标：指针； 边框：1px实心透明； } .meer_info_li a.active， .meer_info_li a:悬停：未激活{ 右边框：1px实心98ab39； 左边框：1px实心98ab39； 边框顶部：1px实心98ab39； } .meer_信息李a{ z指数：3； 背景色：白色； } 管理类似结果的引导方法

.meer_信息{ 位置：相对位置； 列表样式类型：无； 保证金：0； 填充：0； 背景色：fff； 边缘底部：100px； 文本对齐：居中； 边框底部：1px实心98ab39； } .meer_info_li{ 显示：内联块； 边缘底部：-1px； } .meer_info_li a{ 显示：块； 颜色：000； 文本对齐：居中； 填充：10px 16px； 文字装饰：无； 光标：指针； 边框：1px实心透明； } .meer_info_li a.active， .meer_info_li a:悬停：未激活{ 边框颜色：98ab39 98ab39 fff； 背景色：白色； 边框左上半径：10px； 边框右上角半径：10px； }

---

完美的非常感谢。添加了一个解释，很高兴它对您有效。如果你有任何问题，请告诉我。