0

私は、メイン メニュー (上部のナビゲーション バー) でlist-style各メニュー項目を分離していたサイトで作業しています。Firefox では正常に表示され、小さな円は各メニュー項目の間にあるはずです。ただし、Chrome では、メニュー項目自体の背後にあるようです。それが私のスタイリングに関係しているのか、それとも Chrome のバグなのかはわかりません。

サイトへのリンク:

http://cocobrownboutique.co.uk/site

Joomla テンプレートであるため、すべての CSS を投稿するつもりはないため、長くなりすぎますが、追加の CSS を投稿します。

#menubar {
    height: 25px;
}
.menu, .menu ul {
    list-style: circle outside none;
    margin-left: 20px;
}
.menu-dropdown li.level1 {
        height: 18px;
        padding: 0 32px 0 15px;
}
.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    line-height: 25px;
}
.menu-dropdown li.level2 {
    list-style: none outside none;
}

メインの menu.css ファイルへのリンクが必要な場合は、もちろん提供します。私の人生では、なぜこれが起こっているのか理解できないので、正しい方向へのポインターは大歓迎です.

4

1 に答える 1

1

クロムで「firebug」を試しました。

float:left; を追加します。あなたはメニュードロップダウンliです：

.menu-dropdown li{
position:relative;
float:left;
}

そしてこれを削除します：

.menu-dropdown, .menu-dropdown .level1, .menu-dropdown .level1 > span{
float:left; <-- delete this
}
于 2013-06-28T13:21:56.253 に答える