VPF::multiple background и новая картинка ? - Форум программистов

neoks

Дата 7.6.2012, 15:41 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 425
Регистрация: 5.7.2010

Репутация: нет
Всего: 1

Так вот вопрос, возможно ли сделать типа такого чтоб мона было другим классом добавить дополнительную картинку к фону
Например

Код


.examplemultiplebackgrounds {
    background-image: url("http://www.css3.info/wp-content/themes/new_css3/img/sheep.png");
    background-position: center bottom, left top;
    background-repeat: no-repeat;
    height: 250px;
    padding: 5px;
    width: 500px;
}
.der {
    background: inherit url("http://www.css3.info/wp-content/themes/new_css3/img/betweengrassandsky.png"); например тут добавить еше одну картинку на фон
    background-position: inherit, left top;
    height: 250px;
    padding: 5px;
    width: 500px;
}

Код


<div class="examplemultiplebackgrounds der">
<p>This box has two background images, the first a sheep (aligned to the bottom and center) and the second a grass and sky background (aligned to the top-left corner).</p>
</div>

Если это еше не реально тогда придется делать куча классов что не очень хотелось бы )

Это сообщение отредактировал(а) neoks - 7.6.2012, 15:42

dm9

Дата 16.6.2012, 00:16 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Насколько я знаю, то, что вы хотите сделать, кроссбраузерно сделать невозможно. То есть, придётся плодить вложенные контейнеры, каждому назначая свой класс.

Тем не менее, есть http://www.css3.info/preview/multiple-backgrounds/. Говорят, даже работает под более-менее новыми браузерами.

Альтернативный вариант (который существует всегда) - написать скрипт.

Искусства ради можно поиграться с CSS-свойством content. Но это для очень частных случаев (CSS при этом будет весьма извращенным), и это позволит максимум навесить 2 доп. картинки на элемент. И это также не кроссбраузерно.

Aliance

Дата 19.6.2012, 15:45 (ссылка)

(голосов:1)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 2
Всего: 137

Я бы попробовал использовать css 3 multibg

Код


.className {
    background: url("first.png");
    background: url("second.png");
}

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »