Question

以下是我的有效标签：

请注意，底部边框（将活动标签与内容<div>相关联）与标签的其余部分略有不同。

这里发生的是标签背景颜色，标签边框颜色和内容<div>边框颜色都是#F58400，但活动标签有一个很好的渐变背景，看起来很漂亮像这样：

由于渐变的底部比#F58400轻，因此它与底部边框发生冲突。

我该如何解决这个问题？理想情况下，我希望背景图像从边框的底部开始，但我想我可以更改边框颜色以匹配渐变上最亮的颜色。

Answer 1

使标签透视（具有Alpha通道），因此无论您设置的背景是什么，都将通过它显示。

这也让你在不加载新图像的情况下改变颜色。

Answer 2

你试过了吗？

#active_tab {border-bottom: 2px /* or whatever */ solid transparent; }

这可能允许图像显示。那或者您可能必须省略active_tab的边框并将其放置在更靠近下部内容框的位置。

<小时/> 的编辑：

我意识到边界在技术上超出了它的元素，因此背景不太可能，甚至不应该通过边界显示。我还记得，有一种方法可以通过某种方式将边界移动到元素边界内部。但我记不起这个属性。

对不起，我无法提供更多帮助。