jquery - 动态导航中的水平线

Question

我需要使用 jQuery 库开发一个垂直导航菜单，使其具有 TreeView 功能。我遇到问题的诀窍是菜单需要是多行的(即自动换行:每个 anchor 上的正常)并且有水平线贯穿它。我尝试过的每一种方法都会使线条看起来很奇怪，或者 TreeView 的打开/关闭图标显示不正确。我也需要 IE6+ 兼容性。

我正在为 TreeView 使用 jsTree jQuery 库，并将我自己的 CSS 应用到混合中。我已经尝试了 4 种不同的方法来让它工作，但是 here is my current attempt .在 Firefox 或 IE8 中查看效果最佳，但其他浏览器会出现各种问题。

Answer 1

你试过吗

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

这只是每个 <li> 底部的基本白色边框入口。这很简单，但这就是我可能会做的。取决于你的选择<li>背景颜色，您可能想要改变边框颜色。您甚至可以在定义 <li> 的每个级别的样式和背景时执行此操作标签。