CSS заставляет фоновое изображение появляться слева и справа от элемента - PullRequest
Новая
       1

CSS заставляет фоновое изображение появляться слева и справа от элемента

1 голос
/ 18 февраля 2012

У меня есть неупорядоченный список в навигации с разделителем, например, так: 

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

Это нормально работает, но я хочу добавить то же изображение слева примерно так: 

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

Когда я добавляю эту строку, исходный разделитель справа исчезает и заменяется только тем, который слева.

Как бы добавить это фоновое изображение к левой и правой сторонам этого элемента?

1 Ответ

6 голосов
/ 18 февраля 2012

CSS2 <поддерживает только одно фоновое изображение.но если вы используете css3, </p> 

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

для css2, 

<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
}
...