爲什麼添加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漸變禁用背景顏色樣式？

回答

相關問題