边界上的奇怪影子：之后

Question

在FF6中出现问题，当相邻边框设置为透明时，我在边框上看到阴影。

.ux-menu-item.selected { background-color: #fb4615 }
.ux-menu-item.selected:after { content:""; width: 0; height: 0; background-color: transparent; border-left: 62.5px solid transparent; border-top: 20px solid yellow; border-right: 62.5px solid white; position: absolute; }

我意识到即使用白色也会发生这种情况。似乎我发布的黄色原始图像你看不到模糊。

.ux-menu-item.selected:after { content:""; width: 0; height: 0; background-color: transparent; border-left: 62.5px solid white; border-top: 20px solid orange; border-right: 62.5px solid white; position: absolute; }

Answer 1

Firefox在使用此CSS技巧时会创建这些工件。将其他边框设置为背景颜色（在本例中为白色）而不是透明可以解决问题。