我的链接在鼠标悬停时消失

Question

在我的网站上http://goo.gl/Vqsqgi - 由于某种原因，当我将鼠标移到“我们的包裹”按钮时，我的导航栏上的文字会消失。

我已经检查了CSS并且似乎没有任何流氓标签等，我已经确定它没有设置为相同的颜色（应该变成白色，而不是绿色）。

我花了大约一个小时看，我看不到它！

有人能发现我错过的任何东西吗？

Answer 1

检查:before上的:hover选择器，它与文本重叠。

修改

更改CSS

.desktop ul.art-hmenu>li.ext>a:hover,
.desktop ul.art-hmenu>li.ext:hover>a,
.desktop ul.art-hmenu>li.ext:hover>a.active{
       background: #009966; /*this line is changed*/
       /* default padding + border size */
       padding: 0 17px 0 17px;
       /* margin for shadow */
       margin: -0 -0 0 -0;
       overflow: hidden;
       position: relative;
       border: none;
       border-radius: 0;
       box-shadow: none;
       color: #FFFFFF;
}

.desktop ul.art-hmenu>li.ext>a:hover:before,
.desktop ul.art-hmenu>li.ext:hover>a:before,
.desktop ul.art-hmenu>li.ext:hover>a.active:before{
       position: absolute;
       /*content: '';*/ /*this line is changed*/
       /* top, right, left - for shadow */
       top: 0;
       right: 0;
       left: 0;
       /* border + shadow */
       bottom: -1px;
       background: #009966;
       border: 1px Dotted rgba(217, 217, 217, 0.9);
       border-top-left-radius: 0;
       border-top-right-radius: 0;
       box-shadow: 0 0 0 rgba(0, 0, 0, 0.8);

}