html - 如果背景是渐变的，如何将边框颜色更改为背景颜色？

Question

我想将活动菜单项的底部边框更改为网站背景颜色，使其看起来像一个打开的选项卡，但我的背景是渐变的，因此它在网站的不同部分具有不同的颜色。我怎么做。我无法将其更改为无，因为我在需要覆盖的整个菜单下方有另一个边框。这是我的网站的链接 http://woodworkingoc.com.hostasp.info/

Answer 1

我检查了你的.CSS文件。

因为nav > ul li.current你有backgroundFF、IE 和 Chrome 前缀的属性。但是这个属性有问题，所以 Chrome 和 FF 在 web 检查器中隐藏了这个属性，而不是将它应用于元素。如果正确写入属性，渐变将应用于li元素并覆盖<div id="layout-navigation" class="group">.

使用渐变生成器（如http://www.colorzilla.com/gradient-editor/）创建正确的渐变规则。例如：

nav > ul li.current {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #B9BDBF), color-stop(100%, #5C5E5F)) fixed;
}