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元素，绝对定位.triangles现在相对于lis 定位。然后只需用bottom left和定位它们即可margin。

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

Answer 2

您需要更改三角形的位置，因为它因每个菜单项而异。你的 JS 代码没问题。