1

私はサイトを持っています...

http://samyoga.apphb.com

Firebugを見ると、ナビゲーションタブのエッジが丸くなっています。しかし、私がIEを見るとき、私はしません。私が入手したIE開発者ツールでCSSを見ると、本当に混乱します...

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

しかし、CSSを見ると...

#menu {
    width: 940px;
    height: 58px;
    margin: 0px auto;
    padding: 0px 20px 0px 20px;
}

#menu ul {
    margin: 0;
    padding: 0px 0px 0px 0px;
    list-style: none;
    line-height: normal;
    text-align: center;
}

#menu li {
    display: inline;
    text-align:justify;
}

#menu a {
    margin: 0px;
    padding: 10px 12px 10px 12px;
    line-height: 56px;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #262626;
    border: none;
}



/*set the radius*/
#menu .current_page_item a, #menu .current_page_item a:hover {
    background: #E91370;
    color: #FFFFFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-top-left-radius:4px;
}


#menu a:hover {
    background: #FF77C8;
    text-decoration: none;
    color: #FFFFFF;
    border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-top-left-radius:4px;

}

地球上のどこからそれらの余分なプロパティのすべてが来ていますか?また、^ CSSを設定すると、IEに表示されないため、エッジを丸くするにはどうすればよいですか?

4

1 に答える 1

4

Doctypeを使用して、IEがページを表示するために標準モードに切り替わるようにします。現在、IE5によるページのレンダリングであるQuirksモードになっています。あなたはそれを望まない。これまで。

メニューバーにレンダリングモードが表示される開発者ツールを既に使用しているので、表示されなかったことに少し驚いています。

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

そして、私はあなたが»それらの余分なプロパティのすべて«が何を意味するのかわかりません。IEは、パディング、マージン、および境界線の省略形のプロパティを拡張しているように見えるため、定義されているものよりもいくつか表示されますが、これらは同じルールです。

于 2012-04-14T22:51:19.363 に答える