jquery - 动态导航中的水平线

Question

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

我将 jsTree jQuery 库用于树视图并将我自己的 CSS 应用到混合中。我尝试了 4 种不同的方法让它工作，但这是我目前的尝试。在 Firefox 或 IE8 中查看效果最好，但其他浏览器存在各种问题。

Answer 1

你有没有尝试过

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

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