为导航链接分隔线设置多个背景图像答案

【问题标题】：Set multiple background images for navigation link dividers为导航链接分隔线设置多个背景图像
【发布时间】：2014-05-27 17:45:00
【问题描述】：

我正在尝试在导航栏中的链接之间设置分隔图像。我目前将其设置为背景图像，位于右侧。这很好用，除了我还希望分隔线出现在第一个链接的左侧。我尝试将background-position:right,left; 添加到第一个链接类，但这不起作用。关于我将如何做到这一点的任何想法？

【问题讨论】：

【解决方案1】：

假设您不需要支持老式浏览器，最简单的方法可能是使用多个背景图像，如下所示：http://jsfiddle.net/P25TC/1/

#nav li.first{
    background:url(http://i.imgur.com/CED9fuN.png) no-repeat left, url(http://i.imgur.com/CED9fuN.png) no-repeat right;
}

【讨论】：