Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 20.03.2014, 09:18
Аспирант
Отправить личное сообщение для ArtemKrass Посмотреть профиль Найти все сообщения от ArtemKrass
 
Регистрация: 23.02.2013
Сообщений: 56

Три фона в блоке
Всем привет! Есть блок. В нем определенный текст (текст может быть разный и много...).
Есть три фона: Верхний (height примерно 50px), нижний (height примерно 70px) и средний (который репитится по Y height 1px).

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

На данный момент сделал с помощью скритпа: создал два блока, в один (который с текстом) поместил верхний и нижний фон, в другой средний фон (фон который репитися). С помощью скрипта получаю высоту первого и применяю height ко второму с уменьшением и т.д.

Все работает как надо, но хотелось бы знать, можно ли это сделать без скритпа...?
Ответить с цитированием
  #2 (permalink)  
Старый 20.03.2014, 09:45
Профессор
Отправить личное сообщение для Царь Леонид Посмотреть профиль Найти все сообщения от Царь Леонид
 
Регистрация: 22.08.2013
Сообщений: 217

Если под современные браузеры - то можно 3 изображения для background указывать http://htmlbook.ru/css/background
Ответить с цитированием
  #3 (permalink)  
Старый 20.03.2014, 09:50
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,215

Сообщение от ArtemKrass
можно ли это сделать без скритпа...?
Сообщение от ArtemKrass
Верхний (height примерно 50px), нижний (height примерно 70px) и средний (который репитится по Y height 1px).
Если размеры известны заранее - можно и без скрипта... Вычислять-то ничего не нужно...

Если размеры не известны - как вариант, обходиться процентами.
Ответить с цитированием
  #4 (permalink)  
Старый 20.03.2014, 10:03
Аспирант
Отправить личное сообщение для ArtemKrass Посмотреть профиль Найти все сообщения от ArtemKrass
 
Регистрация: 23.02.2013
Сообщений: 56

В том то и дело, что высота разная...
Царь Леонид, такой вариант не подходит т.к. фоны с верху и снизу имеют не прямоугольную форму...
Ответить с цитированием
  #5 (permalink)  
Старый 20.03.2014, 10:03
Аспирант
Отправить личное сообщение для ArtemKrass Посмотреть профиль Найти все сообщения от ArtemKrass
 
Регистрация: 23.02.2013
Сообщений: 56

Попробую процентами
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Три блока = три столбца Sherminator Элементы интерфейса 2 18.10.2013 00:16
эффект при наведении tina jQuery 21 16.11.2012 21:12
Алгоритм плавной смены фона или изображения vandy3 Общие вопросы Javascript 6 11.11.2010 00:56
случайная смена фона сайта на jquery Netherlandman jQuery 8 25.08.2010 03:11
Три меняющиеся картинки viktod Ваши сайты и скрипты 49 23.03.2010 04:25