用于在 Wordpress 中导航的 CSS 分隔符

Question

在我的测试站点http://witthotel.perfectlysimple.org/about/ 上，我试图在不同的导航项之间放置一个分隔符。

我在 stackoverflow (Separators For Navigation) 上找到了一些建议，但似乎没有一个对我有用。由于不允许我在同一个帖子中提出更多问题，因此我开始了这个：

我从这个解决方案开始：

.nav-header li + li {
    background:url('seperator.gif') no-repeat top left;
    padding-left: 10px
}

不幸的是，即使我将透明 gif 的完整分隔符放入其中，它也根本不会显示。不过 URL 是正确的，因为我首先在浏览器选项卡中尝试过。

然后我尝试了以下代码：

.nav-header li + li:before{
    content: ".";
}

但是，如您所见，圆点位于导航项上方。关于如何使它位于它们之间的任何建议？

谢谢。

Answer 1

尝试将此添加到您的 css 样式中：

.nav-header li + li:before{
content: ".";
position: relative;
float: left;
top: 11px;

}