为什么在此菜单中悬停在 IE 中不起作用？

Question

当锚点悬停在该菜单中时，它的背景应该变成白色。它可以在 Firefox 和 Chrome 中使用，但在 IE 中，文字就会消失，并且背景不会变白。

（当前锚链接在 IE 中有效，只是悬停不起作用）

编辑： < a:hover 中的 code>color 属性在 IE 中正常工作，问题只是 background-color 属性。

就像下图这样： 替代文本 http://img571.imageshack.us/img571/2330/hover.png< /a>

这是当我将鼠标悬停在 IE 中的链接时发生的情况（在本例中 西班牙语）： 替代文本 http://img202.imageshack.us/img202/4677/spanishn.jpg< /a>

CSS:

#lang {
    float: right;
    padding: 0 0 0 0;
    margin: 50px 25px 0 0;
    width: 285px;
}
#lang li {
    font-size: 10px;
    float: right;
}
#lang li a#english, #spanish, #chinese {
    color: #FFF;
    float: right;
    padding-right: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 200px; /* ie fix */
}
#lang li a#english {
    padding-left: 231px;
}
#lang li a#spanish {
    padding-left: 228px;
}
#lang li a#chinese {
    padding-left: 219px;
}
#lang li a:hover {
background: #FFF;
color: #444;
}
#lang li.current a {
    background: #FFF !important;
    color: #444 !important;
    cursor: default;
}

HTML:

<ul id="lang">
                <li <?php if($lang_file=='lang.en.php') {echo 'class="current"';} ?>><a id="english" href="index.php?lang=en">english</a></li>
                <li <?php if($lang_file=='lang.es.php') {echo 'class="current"';} ?>><a id="spanish" href="index.php?lang=es">español</a></li>
                <li <?php if($lang_file=='lang.zh-tw.php') {echo 'class="current"';} ?>><a id="chinese" href="index.php?lang=zh-tw">中文(繁體)</a></li>
                <li <?php if($lang_file=='lang.zh-cn.php') {echo 'class="current"';} ?>><a id="chinese" href="index.php?lang=zh-cn">中文(简体)</a></li>
            </ul>

Answer 1

#lang li.current a {
    background: #FFF !important; /*!important may be causing the issue*/
    color: #444 !important;      /*!important may be causing the issue*/
    cursor: default;
}

也将： 更改

#lang li a:hover {
background: #FFF;
color: #444;
}

为：

#lang li a:hover {
background-color: #FFF;
color: #444;
}

Answer 2

尝试使用背景图像而不仅仅是背景颜色，即使图像只是重复的白色块。我遇到了同样的问题，用谷歌搜索并找到了这个，然后使用图像修复了它；）