为导航链接分隔符设置多个背景图像

Question

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

Answer 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;
}