php - 如何在单个 css 中包含 3 个背景图像？

Question

这是我的一段导航代码:

<? if($page == ""){ ?>  
    <li>
        <a href="<? echo $site;?>" id="on" style="background-image:url(images/logonav_onright.png) right no-repeat;">Home</a>
    </li>  
<? }else{ ?>   
    <li>
        <a href="<? echo $site;?>">Home</a>
    </li>   
<? } ?>

我希望 #on 基本上包含 3 张图片:

1. 使用repeat-x。 (这实际上是 #on)
2. 导航按钮的左侧。
3. 导航按钮的右侧。

我尝试了一些在网上找到的解决方案，但似乎都不起作用。有没有一种方法可以在不使用 2 个额外的 div 标签包装每个导航的情况下做到这一点？

谢谢!

Answer 1

没有不涉及添加更多元素的解决方案。遗憾的是，通过 CSS 只能为每个元素应用一张背景图片。