动态导航中的水平线

Question

我需要使用jQuery库开发一个垂直导航菜单，该库将为其提供树视图功能。我遇到问题的诀窍是菜单需要是多行的（即自动换行：每个锚点都是正常的）并且有水平线穿过它。我尝试过的每个方法都会使得这些行显得很奇怪，或者树视图的打开/关闭图标显示不正确。我也需要IE6 +兼容性。

我正在使用jsTree jQuery库进行树视图并将我自己的CSS应用于混合。我尝试了4种不同的方法让它起作用here is my current attempt。在Firefox或IE8中查看它会产生最佳效果，但其他浏览器存在各种问题。

Answer 1

你试过吗

#leftnav li {
    border-bottom: 1px solid #FFF;
}

它只是每个<li>条目底部的基本白色边框。这很简单，但这就是我可能会这样做的。根据您选择的<li>背景颜色，您可能希望改变边框颜色。您甚至可以在定义<li>标记的每个级别的样式和背景时执行此操作。