Почему зависание в этом меню не работает в IE? - PullRequest
Новая
       7

Почему зависание в этом меню не работает в IE?

0 голосов
/ 11 мая 2010

Когда якорь находится в этом меню, его фон должен стать белым. Он работает в Firefox и Chrome, но в IE слова просто исчезают, а фон не становится белым.

(current anchor link работает в IE - это просто hover, который не работает)

РЕДАКТИРОВАТЬ: свойство color в a:hover работает в IE, проблема только в свойстве background-color.

Как на следующей картинке: альтернативный текст http://img571.imageshack.us/img571/2330/hover.png

Вот что происходит, когда я наведите ссылку в IE (в данном случае Espanol ): альтернативный текст 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>

Ответы [ 2 ]

1 голос
/ 11 мая 2010 
#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;
}
0 голосов
/ 12 июля 2010

Попробуйте использовать фоновое изображение вместо только цвета фона, даже если изображение представляет собой просто повторяющийся белый блок. У меня была такая же проблема, гуглил и нашел это, потом исправил с помощью изображения;)

...