为什么添加CSS渐变禁用背景颜色样式？

我使用automaticaly突出显示当前项目创建了水平菜单。为什么添加CSS渐变禁用背景颜色样式？

#nav li a 
{ 
    display: block; 
    padding: 3px 20px; 
    text-decoration: none; 
    color: #003254; 
}

通过使用这种伎俩：

<body id="home">

这个CSS技巧

body#home ul#nav .menu-home, 
.... 
body#contact ul#nav .menu-contact { background-color: #EB9152; }

这个工作，直到我决定梯度添加到每个点。梯度加入到这一片段：

#nav li a 
{ 
    display: block; 
    padding: 3px 20px; 
    text-decoration: none; 
    color: #003254; 

    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
    ..

之后，目前menue选择不工作了 - 目前的项目不会改变其呈现了这一切。任何想法为什么？

来源

2014-01-28 Arnie Schwarzvogel

你不要关闭你的样式块上的'}'。这两个点代表那个，还是在你的文件中？ – Joeytje50

对不起，我剪了代码 - 太多不同的渐变 –

我对你的“当前页高亮技巧”有点困惑，但它看起来像你只是用渐变覆盖你的背景颜色。你是否尝试过使用：

background-color: #EB9152!important;

来源

2014-01-28 21:17:34 kthornbloom

坦率地说，我从互联网上复制粘贴的技巧，并没有完全理解它是如何工作的。！重要的没有奏效。 ;（ –

你能提供一个到目前为止的链接吗？ – kthornbloom

通过反复试验，它的工作后，我从移动（NAV李一）块梯度（NAV）块 - 这里的全码：

#nav 
{ 
    float: right; 
    margin: 0 0 3em 0; 
    padding: 0 0; 
    list-style: none; 

     background-color: rgba(225, 225, 225, .0); 
    background: -moz-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(241,241,241,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(215,215,215,1))); 
background: -webkit-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
background: -o-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
background: -ms-linear-gradient(top, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
background: linear-gradient(to bottom, rgba(241,241,241,1) 0%, rgba(246,246,246,1) 47%, rgba(215,215,215,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f1', endColorstr='#d7d7d7', GradientType=0); 

} 
#nav li { float: left; } 
#nav li a 
{ 
    display: block; 
    padding: 3px 20px; 
    text-decoration: none; 
    color: #003254; 

    border-right-style:solid; 
    border-right-color:#fff; 
    border-right-width: 1px; 
}

来源

2014-01-29 11:49:41

为什么添加CSS渐变禁用背景颜色样式？

回答

相关问题