如何将元素放置在悬停CSS上？

我用的是引导箭头面包屑。以下图片将比我更好地解释：

带正常/悬停/活动元素的面包屑：

面包屑问题，当活动元素和悬停元素靠近时箭头隐藏：

我想每次都保留箭头，我尝试了z索引，但它不起作用：/

希望你能理解，谢谢你的帮助

$（文档）.ready（函数（）{
$（“.btn面包屑a”）。单击（函数（）{
$（“.btn面包屑a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
});
.btn面包屑a{
字体大小：粗体；
}
.btn面包屑a：悬停{
z指数：1；
}
.btn面包屑a.激活{
背景色：#95A5A6；
颜色：#fff；
}
#面包屑{
背景色：#d9534f；
颜色：#fff；
}
#breadcrumb_widget.btn组{
显示器：flex；
}
#breadcrumb_widget.btn breadcrumb.btn{
柔性生长：1；
文本对齐：居中；
位置：相对位置；
}
/**三角面包屑**/
.btn breadcrumb.btn:不是（：最后一个孩子）：之后{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：22.4px实心透明；
边框底部：22.4px实心透明；
位置：绝对位置；
最高：50%；
利润上限：-22.4px；
左：100%；
z指数：999；
}
/**三角面包屑**/
.btn breadcrumb.btn:不是（：最后一个孩子）：之前{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：22.4px实心透明；
边框底部：22.4px实心透明；
位置：绝对位置；
最高：50%；
左边距：1px；
利润上限：-22.4px；
左：100%；
z指数：999；
}
/**间距**/
.btn面包屑.btn{
填充：12px 24px 12px 48px；
}
.btn面包屑.btn：第一个孩子{
填充：12px 12px 12px 20px；
}
最后一个孩子{
填充：12px 36px 12px 48px；
}
/**布顿三角面包屑集市公寓**/
/*方杜三角酒店*/
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：之后{
左边框：40px实心#fff；
}
/*三角悬停*/
.btn breadcrumb.btn.btn默认值：悬停：非（：最后一个子项）：之后{
左边框：40px实心#ecf0f1；
}
/*三角区活动*/
.btn breadcrumb.btn.btn默认值。活动：非（：最后一个子项）：之后{
左边框：40px实心#95A5A6；
}
/*主动悬停三角区*/
.btn breadcrumb.btn.btn默认值。活动：悬停：非（：最后一个子项）：之后{
左边框：40px实心#95A5A6；
}
/*三角区酒店*/
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：之前{
左边框：40px实心#5e595d；
}
/*哈弗河畔三角公园*/
.btn breadcrumb.btn.btn默认值：悬停：非（：最后一个子项）：之前{
左边框：40px实心#5e595d；
}


您需要为
active
按钮设置
z-index
。选中添加的CSS
css的底部
设置
z索引：未设置至
.btn
。检查更新的
css



$（文档）.ready（函数（）{
$（“.btn面包屑a”）。单击（函数（）{
$（“.btn面包屑a”）.removeClass（“活动”）；
$（此）.addClass（“活动”）；
});
});
.btn面包屑a{
字体大小：粗体；
}
.btn面包屑a：悬停{
z指数：1；
}
.btn面包屑a.激活{
背景色：#95A5A6；
颜色：#fff；
}
#面包屑{
背景色：#d9534f；
颜色：#fff；
}
#breadcrumb_widget.btn组{
显示器：flex；
}
#breadcrumb_widget.btn breadcrumb.btn{
柔性生长：1；
文本对齐：居中；
位置：相对位置；
z索引：未设置；/*更新*/
}
/**三角面包屑**/
.btn breadcrumb.btn:不是（：最后一个孩子）：之后{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：22.4px实心透明；
边框底部：22.4px实心透明；
位置：绝对位置；
最高：50%；
利润上限：-22.4px；
左：100%；
z指数：999；
}
/**三角面包屑**/
.btn breadcrumb.btn:不是（：最后一个孩子）：之前{
内容：“；
显示：块；
宽度：0；
身高：0；
边框顶部：22.4px实心透明；
边框底部：22.4px实心透明；
位置：绝对位置；
最高：50%；
左边距：1px；
利润上限：-22.4px；
左：100%；
z指数：999；
}
/**间距**/
.btn面包屑.btn{
填充：12px 24px 12px 48px；
}
.btn面包屑.btn：第一个孩子{
填充：12px 12px 12px 20px；
}
最后一个孩子{
填充：12px 36px 12px 48px；
}
/**布顿三角面包屑集市公寓**/
/*方杜三角酒店*/
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：之后{
左边框：40px实心#fff；
}
/*三角悬停*/
.btn breadcrumb.btn.btn默认值：悬停：非（：最后一个子项）：之后{
左边框：40px实心#ecf0f1；
}
/*三角区活动*/
.btn breadcrumb.btn.btn默认值。活动：非（：最后一个子项）：之后{
左边框：40px实心#95A5A6；
}
/*主动悬停三角区*/
.btn breadcrumb.btn.btn默认值。活动：悬停：非（：最后一个子项）：之后{
左边框：40px实心#95A5A6；
}
/*三角区酒店*/
.btn breadcrumb.btn.btn默认值：不（：最后一个子项）：befo