0

jqueryを使用してサブメニューを切り替えるメニューがあります。Chrome、EI、Safariで問題なく表示されます。Firefoxはパディングを正しくレンダリングしていません。サイトはwww.caitmizzi.com/homeです。

ここにjsfiddleがありますhttp://jsfiddle.net/6GwjA/-左側の[クエリUI1.8.16]チェックボックスをオンにする必要があります。

どんな助けでも大歓迎

ありがとうグレッグ

4

1 に答える 1

1

次の css がある理由がわかりません。

.subMenu{
    font-size: 115px;
    line-height: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
}

これは、要素のサイズを縮小する小さな行の高さを作成しますが、パディングを追加し、要素のサイズを再び拡大します。さまざまなブラウザーがそのエッジケースをさまざまに解釈していると思います。

これらのプロパティを削除すると (そして、他のリスト要素と同じ設定を継承するようにすると)、内側のリストのスタイルをオーバーライドして、より一貫した効果を得ることができます。

あなたの jsfiddle を更新しました: http://jsfiddle.net/6GwjA/8/

主な変更点は、.subMenu と .subMenuStyle クラスへの追加です。

.subMenu{
    font-family: Impact, Charcoal, sans-serif;
    list-style-type: none;
}
.subMenuStyle {
    font-size: 15px;
    line-height: 30px;
}
于 2012-04-10T18:28:50.783 に答える