在IE中垂直导航工作不正确

时间:2012-02-15 19:35:50

标签: css internet-explorer menu internet-explorer-8 internet-explorer-7

在标题和fotter垂直菜单上真正从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 :(得分:0)

Evan Vai, 当我打开调试器并关闭它时,奇怪的问题是css回来了。它可能是jQuery的执行。

相关问题