jquery - jQuery / CSSナビゲーション、「fnutt」を中央に移動できません

Question

この小さな CSS/jQuery の問題を修正することはできません。

メニューの下の「fnutt」をそれぞれの中央に配置したいの<li></li> ですが、私のjsfiddleを見れば、私の意味が理解できると思います。

http://jsfiddle.net/pJjRg/

Answer 1

次の変更を行う必要があります。

#menu ul li  { 
    position: relative;
    ...
}

.triangle {
    ...
    position:absolute; 
    bottom:-7px; 
    left:50%; 
    margin-left: -8px
}

position: relative親要素を設定することによりli、絶対配置された要素が s.trianglesに対して相対的に配置されるようになりましたli。bottom leftあとはとで配置するだけmarginです。

http://jsfiddle.net/pJjRg/21/

Answer 2

三角形の位置はメニュー項目ごとに異なるため、変更する必要があります。あなたのJSコードは大丈夫です。