Css 悬停被背景渐变覆盖

以下是正在运行的代码：

这是菜单。我用了渐变背景。当我删除渐变时，a:悬停就起作用了。但不知何故背景：渐变覆盖了它并禁用了它

有什么想法吗

#头巾{
边框顶部：2个实心#F5FBFD；
边界半径：4px；
} 
#抑制物{
填充顶部：30px；
宽度：973px；
保证金：0px自动；
}
#抑制物{
字号：0；
填充：0像素；
列表样式类型：无；
}
#抑制物a{
文字装饰：无；
文本对齐：居中；
背景：#ffffff；
背景：-莫兹线性梯度（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景：-webkit渐变（左上、左下、颜色停止（0%，#ffffff）、颜色停止（50%，#ffffff）、颜色停止（51%，#eded）、颜色停止（100%，#f7f7））；
背景：-webkit线性梯度（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景：-o-线性梯度（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景：-ms线性梯度（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
背景：线性梯度（至底部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#f7f7f7'，GradientType=0）；
背景：线性梯度（至底部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
显示：内联块；
字体系列：“开放式sans”，无衬线；
字体大小：14px；
高度：38px；
线高：38px；
颜色：#0088CB；
过渡：颜色0.0s；
-webkit过渡：颜色0.0s；
填充：0px 23px 0px 22px；
右边框：1px实心#0088CB；
}
联系我们{
填充：0px 23px 0px 22px；
右边框：0px；
}
抑制器a组：悬停{
背景色：紫红色；
}
#李彦宏{
显示：内联；
}
#nesmenu1{
/*宽度：972px*/
边框底部：1px实心#E3E8EB；
左边框：1px实心#E3E8EB；
边界半径：4px；
}
#nesmenu2{
边框顶部：1px实心#ECF2F4；
右边框：1px实心#ECF2F4；
边框底部：1px实心#CDD1D4；
左边框：1px实心#CDD1D4；
边界半径：4px；
}
#nesmenu3{
边框顶部：1px实心#DCE0E3；
右边框：1px实心#DCE0E3；
边框底部：1px实心#B1B4B6；
左边框：1px实心#B1B4B6；
边界半径：4px；
}
#nesmenu4{
边框底部：1px实心#F8；
边界半径：4px；
}

用

背景色

代替

背景色

怎么样

div#inheader a:hover {
    background: fuchsia;
}

甚至更好-如果您想保持渐变，请在此div/id中使用类似紫红色的颜色设置新的渐变

background: linear-gradient(to bottom, fuchsia 0%, #ffffff 50%, #ededed 51%, #f7f7f7 100%);

根据您想要的着色方式进行更改

---

当您使用

背景色时，您只需更改
背景
属性的该属性。因为渐变不使用颜色，只显示背景颜色上的渐变，所以更改
背景颜色
不会影响它们

要修复它，只需更改整个
背景
，而不仅仅是
背景颜色
：

div#inheader a:hover {
    background: fuchsia;
}

背景色
不适用于
:hover
的原因是它位于渐变后面

设置背景图像时，作者还应指定图像不可用时将使用的背景颜色当图像可用时，将在背景色之上渲染。（因此，颜色在图像的透明部分可见）

背景色类似于
z-index:0
。
背景图像始终位于背景色上方。因为您已经为渐变中的每个颜色停止指定了一种颜色，所以您的
：hover
颜色都不会通过

相反，您必须在悬停时声明一个新的背景渐变。如果希望背景色为全色，只需为
0%
和
100%
声明相同的颜色即可

另外，作为旁注：使用背景渐变时，请使用
背景图像
而不是
背景
。
background
元素是所有其他背景属性的速记属性。您没有声明任何其他属性，因此只声明您正在使用的属性

我已经用下面正确的CSS清理了您的示例


#头巾{
边框顶部：2个实心#F5FBFD；
边界半径：4px；
}
#抑制物{
填充顶部：30px；
宽度：973px；
保证金：0px自动；
}
#抑制物{
字号：0；
填充：0像素；
列表样式类型：无；
}
#抑制物a{
文字装饰：无；
文本对齐：居中；
背景色：#ffffff；
背景图像：-moz线性渐变（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景图像：-webkit渐变（左上、左下、颜色停止（0%、#ffffff）、颜色停止（50%、#ffffff）、颜色停止（51%、#ededed）、颜色停止（100%、#f7f7f7））；
背景图像：-webkit线性渐变（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景图像：-o-线性梯度（顶部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
背景图像：-ms线性梯度（顶部，#FFFFFFFF 0%，#ffffff 50%，#ededed 51%，#F7F7 100%）；
背景图像：线性渐变（至底部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#ffffff'，endColorstr='#f7f7f7'，GradientType=0）；
背景图像：线性渐变（至底部，#ffffff 0%，#ffffff 50%，#ededed 51%，#f7f7f7 100%）；
显示：内联块；
字体系列：“开放式SAN”