1

すべてのブラウザーで、クロム、Firefox、オペラ、サファリなどのナビゲーションが正常に表示されます。

しかし、何らかの理由でieが正しく表示されず、さらにイライラするのは、文字通り1pxであるという事実です.

通常は気にしませんが、明らかな場所にあります。

すなわち:

ここに画像の説明を入力

他のすべてのブラウザ:

ここに画像の説明を入力

私が使用しているコードは問題ないようですが、ここにあります:

nav {
font-family: "Myriad Pro", Arial, sans-serif;
width: 280px;
height: 40px;
float: right;
font-size: 14px;
list-style: none;
clear: both;
position: relative;
top: 11px;
}

nav ul { 
float: right;
margin: 0;
height: 40px;
    width:240px
}

nav li {
display: inline; 

}

nav li a {
color: #3BB9FF;
border-bottom: none;
padding: 12px 10px 11px 10px;
margin-left: -3px;
}

nav li a:hover{
color: #3BB9FF;
background-color: rgba(0, 0, 0, 0.3);
}



/********
Shows which page is selected
*/

 nav li.selected {
display: inline; 
}


nav li a.selected {
color: #3BB9FF;
background-color: rgba(200, 200, 200, 0.3);
border-top: 3px solid #fff;

}

Googleトランクのie html5 shimも使用しています。

この問題の簡単な修正はありますか? 大したことではないことはわかっています。ただイライラするだけです。

4

1 に答える 1

0

メニューの CSS コードは少し変です。それがIEが機能している理由だと思います。次の調整を試してください。

nav li {
    //display: inline;
    float:left;
}
nav li a {
    color: #3BB9FF;
    border-bottom: none;
    //padding: 12px 10px 11px 10px;
    //margin-left: -3px;
    display:block;
    padding:10px;
}

また、IE のメニューの幅が十分でないことも確認してください。

于 2012-12-21T00:18:10.593 に答える