Горизонтальные линии в динамической навигации

Question

Мне нужно разработать вертикальное меню навигации с использованием библиотеки jQuery, которая предоставит ему возможности просмотра дерева.Уловка, с которой я сталкиваюсь, заключается в том, что меню должно быть многострочным (т.е. перенос по словам: нормальный для каждого якоря) и иметь горизонтальные линии, проходящие через него.Каждый метод, который я попробовал, заставляет или линии появляться странно, или значки открытия / закрытия для дерева отображаются неправильно.Мне также нужна совместимость с IE6 +.

Я использую библиотеку jsTree jQuery для просмотра дерева и применяю свой собственный CSS к миксу.Я пробовал 4 разных способа заставить его работать, но вот моя текущая попытка .Просмотр его в Firefox или IE8 дает лучшие результаты, но в других браузерах возникают различные проблемы.

Answer 1

Вы пробовали

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

Это просто простая белая рамка внизу каждой записи <li>. Это очень просто, но я бы так и сделал. В зависимости от выбранного вами <li> цвета фона, вы можете изменить цвет рамки. Вы даже можете сделать это, если определите стиль и фон каждого уровня тега <li>.