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

Question

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

Answer 1

我检查了你的 .CSS文件。

对于 nav > ul li.current你有background带有 FF、IE 和 Chrome 前缀的属性。但是这个属性有问题，所以 Chrome 和 FF 在 web inspector 中隐藏了这个属性，而不是将它应用到元素上。如果正确写入属性，渐变将应用于 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;
}