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

Для размещения изображения справа и слева можно использовать следующие команды:

#box5 blockquote{
    background:url(/i/quotel.gif) no-repeat 0 0, url(/i/quoter.gif) no-repeat 100% 0;
    border:1px solid #699;
    padding:0 20px;
}

Данный набор команд будет неверно выводиться в Internet Explorer, потому что он не воспринимает 2 фоновых изображения для одного элемента. Поэтому изменим код, чтобы игнорировать IE:

#box5 blockquote{
    /* Для всех браузеров */
    background:none;
    padding:0 20px;
}
body:last-child #box5 blockquote p{
    /* IE игнорирует данное правило */
    background:none
}
body:last-child #box5 blockquote{
    /* IE игнорирует данное правило */
    background:url(/i/quotel.gif) no-repeat 0 0, url(/i/quoter.gif) no-repeat 100% 0;
}

Добавлено: 17 Апреля 2018 18:32:45 Добавил: Андрей Ковальчук Нравится 0

Добавить