Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Описание одним background нескольких изображений 
:(
    Опции темы
awers
Дата 15.8.2008, 00:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

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



В общем никак не могу вспомнить как можно с помощью одного свойства background сделать что то типа того:

Код

<div style="height: 30px; width: 80px; background-image: url(images/left.jpg) url(images/right.jpg) url(images/bottom.jpg); background-position: left right bottom; background-repeat: no-repeat no-repeat repeat-x;"></div>


Т.е. описать диву что слева одно изображение фоном, справа другое, а снизу растянутое по х.
Есть короткий способ ... 

Как то оно делается, а как не могу вспомнить ) Спасибо

Это сообщение отредактировал(а) awers - 15.8.2008, 00:03
PM MAIL WWW ICQ Skype   Вверх
webster
Дата 15.8.2008, 00:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Такой способ записи возможен только для броузеров, поддерживающих стандарт CSS3:  http://www.w3.org/TR/css3-border/#the-background-image.
Семейство IE пока его не поддерживает, поэтому для каждой отдельной картинки требуется свой элемент-"контейнер" для бэкгроунда.
PM MAIL   Вверх
awers
Дата 15.8.2008, 00:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
***


Профиль
Группа: Участник
Сообщений: 1465
Регистрация: 22.3.2006
Где: Россия, Таганрог

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



Спасибо. Жаль конечно что все как всегда с этим ИнфернэтЭкслоудером туды его ... 
PM MAIL WWW ICQ Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0635 ]   [ Использовано запросов: 20 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.