вертикальная навигация работает не правильно в IE - PullRequest
0 голосов
/ 15 февраля 2012

Действительно получить нежелательное поведение от IE7 и IE8 в верхнем и нижнем меню.Делал это раньше без проблем, но при использовании Wordpress это просто не правильно.

Вот тестовый сайт: http://examples.iamwebsitedeveloper.com/walkinmyshoes/

А вот код, используемый для #headerNav:

#headerNav {
    display:block;
    float: left;
    margin: 0 auto;
    width: 940px;
    position: relative;
    z-index:99999;
    font: Verdana, sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background: #894ba6;
    background: -moz-linear-gradient(top, #894ba6 0%, #743a8f 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#894ba6), color-stop(100%,#743a8f));
    background: -webkit-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: -o-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: -ms-linear-gradient(top, #894ba6 0%,#743a8f 100%);
    background: linear-gradient(top, #894ba6 0%,#743a8f 100%);
    margin-bottom:20px;
    behaviour:url(PIE.htc);
}

.ie7 #headerNav,.ie8 #headerNav{*display: block;*zoom:1;}

#headerNav ul{
    font-size: 1.077em;
    list-style:none;
    margin:0;
    padding:0px;
}

#headerNav li {
    float: left;
    position: relative;
    border-right:1px solid #8B4DA7;
}

Более того, если вы посмотрите на сегмент нижнего колонтитула, цвет фона и блока не будет!Более того, навигация нижнего колонтитула ведет себя одинаково!

Используя условные классы IE и css3pie, я не могу заставить его работать должным образом.

1 Ответ

0 голосов
/ 16 февраля 2012

Эван Вай, Странная проблема, когда я открываю отладчик и закрываю его, CSS возвращается. Это может быть выполнение jQuery.

...