Html CSS边框变化与透明度

我正在尝试制作一个HTML/CSS菜单，其中活动链接由一段透明部分（一个在边框外开槽的指针）指示，以显示菜单后面的图像

这就是我想要的：

但是有了这种刻痕指针：

---

在CSS（2.1或3）中有什么方法可以做到这一点，或者严格基于图像的菜单是唯一可以做到这一点的方法吗？

您可以使用如下边框制作凹口拐角

div {
   width: 0;
   height: 0;
   border-width: 20px;
   border-style: solid;
   border-color:  transparent blue blue blue;
   background: transparent; 
}

请参阅JSFIDLE，注意上角让背景通过。只需将此示例改编为您的站点。

来吧，伙计。 只需将.梯形更改为.active:active{}

.trapezoid { 

    display:block;

    margin:0;

    padding:0;

    width:1px; 

    height:1px;

    background:transparent;

    border-style: solid;

     border-color:transparent #eee #eee #eee;

    border-width: 50px 50px 50px 50px;

}

并更改边框大小以适合。

---

对于.active{border color:transparent}

我不是100%确定你在问什么-你可以根据需要添加/删除背景，但我认为没有办法“切点”CSS边框。我知道的唯一方法是使用图像…很好。事实上是一样的。但是你比我快。