-2

好的，我的问题是，在 Firefox 中，我的悬停渐变显示为黑到白。黑色是顶部颜色，白色是底部。这是我正在使用的 CSS 悬停代码。这对我来说没有意义，因为我什至没有使用黑色或白色的颜色代码。任何帮助将不胜感激！

nav a {
color: #fff;
background: #b9b9b9; /* Old browsers */
background: -moz-linear-gradient(top,  #b9b9b9 0%, #616161 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(99%,#616161)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* IE10+ */



nav a:hover, nav a:active {
background: #b9b9b9; /* Old browsers */
background: -moz-linear-gradient(bottom, #4f4f4f, #b9b9b9 ); /* FF3.6+ */
background: -webkit-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* 
background: -o-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* IE10+ */
background: linear-gradient(to bottom,  #b9b9b9 0%,#4f4f4f 99%); /* W3C */
4

1 回答 1

2

您缺少右括号。

您的代码可以正常工作：http: //jsfiddle.net/66QQV/

nav a
{
    color: #fff;
    background: #b9b9b9; /* Old browsers */
    background: -moz-linear-gradient(top,  #b9b9b9 0%, #616161 99%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b9b9b9), color-stop(99%,#616161)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b9b9b9 0%,#616161 99%); /* IE10+ */
}


nav a:hover, nav a:active
{
    background: #b9b9b9; /* Old browsers */
    background: -moz-linear-gradient(bottom, #4f4f4f, #b9b9b9 ); /* FF3.6+ */
    background: -webkit-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* 
    background: -o-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #b9b9b9 0%,#4f4f4f 99%); /* IE10+ */
    background: linear-gradient(to bottom,  #b9b9b9 0%,#4f4f4f 99%); /* W3C */
}

这是假设您打算将一个<a>元素放在一个元素内<nav>......如果您打算将其作为一个类或一个 ID（例如<span class="nav">or <div id="nav">），您需要分别使用.navor#nav代替。

于 2013-05-28T15:02:19.603 回答