0

以下は、このサイトのメニューのcssスクリプトです。

 #navmenu{
 z-index:99999;
 margin-top:40px;
 margin-left:400px;
 position:absolute;
 }

 #navMenu li {
 float:left;
 color:#ececec;
 list-style-type:none;
 }

 #navMenu ul {
 margin-left:300px;
 margin-top:70px;
 font-size:16px;
 color:#000000;
 }


 #navMenu li a{
 width:70px;
 height:15px;
 display: inline-block;
 font-weight:700;
 float:left;
 color:#707070;
 display: block;
 padding: 8px 12px;
 text-decoration: none;display: block;
 padding: 8px 12px;
 text-decoration: none;
 background-image: url(img/image_menubutton.JPG);
 border-right:1px solid white;
 margin-right:12px;
 font-family:"Georgia",Georgia,Serif;
 font-weight:900;
 font-size:19px;
 text-align: center;

 }
 #navmenu li.item1{background-image: url(img/about.JPG);}

メニューはクロームとFFで完全に表示されますが、IEでは適切ではありません。

IEで正しく表示するための解決策は何ですか?

Edit1 これはIE8でのメニューの外観です

ここに画像の説明を入力してください

これがFFでのメニューの見え方です

ここに画像の説明を入力してください

4

1 に答える 1

0

Doctypeをチェックして、IEが理解していることを確認してくださいinline-block

IE8ディスプレイインラインブロックが機能しない

于 2012-08-02T07:05:46.200 に答える