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

Question

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

Answer 1

我检查了您的.CSS文件。

对于nav > ul li.current，您拥有background属性，其中包含FF，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;
}