Question

当锚点悬停在此菜单中时，它应将背景变为白色。它可以在Firefox和Chrome中运行，但在IE中，单词会消失，背景也不会变白。

（IE中的current anchor link只是hover不起作用）

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

如下图所示： alt text http://img571.imageshack.us/img571/2330/hover.png

以下是我在IE中悬停链接时发生的情况（在这种情况下）的西班牙语）： alt text http://img202.imageshack.us/img202/4677/spanishn.jpg

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

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

为什么在此菜单中悬停不能在IE中运行？

2 个答案: