CSSは、背景画像は、私はそうのようなセパレータのナビゲーションで順不同のリストを持って、左と要素

Question

の右の両方で表示されます

background: {url("images/navseperator.png") no-repeat scroll right top transparent} 

これは正常に動作しますが、私は左に同じ画像を追加したいです

この行を追加すると、右側に元の区切り文字が表示されなくなり、左側にあるものだけが表示されます。

この要素の左側と右側の両方にこの背景イメージを追加するにはどうすればよいですか？

Answer 1

CSS2 <は、1つの背景イメージのみをサポートします。あなたはCSS2のため

background: url("images/navseperator.png") no-repeat scroll right top transparent, url("images/navseperator.png") no-repeat scroll LEFT top transparent; 

、

<div class="left"> 
    <div class="right"> 
     content here 
    </div> 
</div> 

.left{ 
    background: url("images/navseperator.png") no-repeat scroll LEFT top transparent; 
} 
.right{ 
    background: url("images/navseperator.png") no-repeat scroll right top transparent 
}