Html 悬停时闪烁

第一个注意事项，是的，我在论坛上搜索过这个，但它们都与jQuery闪烁有关

FF和铬工作良好。。。我在“.social”链接上悬停时会闪烁，无法删除悬停时的背景

这只是一个IE bug吗

我以为他们是在声明这个类，“社会”的，他们不会像其他a链接那样继承背景渐变

HTML:

试试这个：

#headerWrap ul li a.social,
#headerWrap ul li a.social:hover {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 15px 10px 0;
    width: 50px;
}

---

因为悬停动作：

background:-moz线性渐变（…

。只有mozilla会阅读它。不……已经尝试过了……我也尝试过设置：link、a:visted、a:hover、a:active，但不可以……下面是要查看的URL IE：如果你将背景设置为红色，它会闪烁红色而不是黄色吗？你是粘贴了所有css还是只是firebug中的css？这就是所有与t相关的csshe HeaderRap…其他一切都被明确声明。如果我设置#HeaderRap ul li a.social:hover{background:red}FireFox和Chrome显示红色，即仍然显示绿色渐变背景。不，它不再闪烁…但是，背景渐变仍然存在…尝试#HeaderRap ul li a.social:hover{background image:none！重要}

#headerWrap {
    background: url("../images/separator.png") no-repeat scroll right top transparent;
    margin: 0 auto;
    width: 960px;
}
#headerWrap ul {
    background: url("../images/separator.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    height: 50px;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#headerWrap ul li {
    background: url("../images/separator.png") no-repeat scroll right top transparent;
    float: left;
    height: 50px;
}
#headerWrap ul li.last {
    background: none repeat scroll 0 0 transparent;
}
#headerWrap ul li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    height: 35px;
    padding: 15px 20px 0;
    text-decoration: none;
}
#headerWrap ul li a:hover {
    background: -moz-linear-gradient(center top , #CACA5A, #909501) repeat scroll 0 0 transparent;
    color: #FFFFFF;
    cursor: pointer;
    font-family: Arial,sans-serif;
    font-weight: bold;
    height: 35px;
    outline: medium none;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
#headerWrap ul li a.social {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 15px 10px 0;
    width: 50px;
}

#headerWrap ul li a.social,
#headerWrap ul li a.social:hover {
    background: none repeat scroll 0 0 transparent;
    float: left;
    padding: 15px 10px 0;
    width: 50px;
}