Wordpress 容器外部的CSS背景图像

我的WorpAddress/bootstrap导航无法突出显示当前页面

我正在努力找到最好的解决办法，以下是我目前的方法，但不起作用

• 在链接上创建底部边框
• 在容器上留一个边距、填充或任何类型的空间，并在底部添加背景图像

不幸的是，一旦图像与边界重叠，它就不会立即显示

您是否有任何快速解决方法或其他方法

---

也许我认为为了扩展容器，需要固定链接和容器高度，并将它们放置在我想要的位置…

三角形必须作为绝对块提供。它可以使用：之后

同样对于三角形，您可以使用css（而不是图像）

---

你能添加一些代码（html/css）吗？这就是你要找的吗。。。这很有魅力，非常感谢！

ul{
  list-style:none;
}
li{
  display: inline-box;
  width: 50px;
  padding: 20px;
  float: left;
}
.active{
  position: relative;
  border-bottom: 3px solid red;
}
/*triangle absolute position and centred*/
.active:after{
  content:"";
  position: absolute;
  width: 0;
  height: 0;
  left: 50%;
  bottom: -10px;
  margin-left: -10px;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #ff0000 transparent transparent     transparent;
}