UA-Space 0 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 (изменено) Всем привет. У меня такой вопрос, хочу поменять фон сайта background, нашел картинку которую хочу поставить, размеры у неё 1920х1200. И получается когда поставлю, то до середины сайта вниз фон показывает, а дальше вниз просто черный цвет. Можно както сделать чтобы фон был до конца сайта.. вот ссылка этой картинки http://www.egraphic.ru/images/web-layouts/163/wood.jpg Изменено 6 мая 2011 пользователем UA-Space Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 Размножать его или сделать фон чёрный и он будет сливаться с окончанием градиента картинки Цитата Ссылка на сообщение Поделиться на других сайтах
UA-Space 0 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 Автор Размножать его или сделать фон чёрный и он будет сливаться с окончанием градиента картинки А Как его размножить? Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 6 мая 2011 Рассказать Опубликовано: 6 мая 2011 http://htmlbook.ru/css/background http://htmlbook.ru/css/background-repeat Цитата Ссылка на сообщение Поделиться на других сайтах
alex32 942 Опубликовано: 7 мая 2011 Рассказать Опубликовано: 7 мая 2011 можно размножить, а можно растянуть по body и зафиксировать. тогда фон будет стоять, а контент поверху него прокручиваться. Цитата Ссылка на сообщение Поделиться на других сайтах
UA-Space 0 Опубликовано: 8 мая 2011 Рассказать Опубликовано: 8 мая 2011 Автор можно размножить, а можно растянуть по body и зафиксировать. тогда фон будет стоять, а контент поверху него прокручиваться. а как можно растянуть по body и зафиксировать? подскажите? Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 8 мая 2011 Рассказать Опубликовано: 8 мая 2011 Как растягивать не знаю, сделал Вам вот так: <html> <head> <style> body { padding: 0; margin: 0; color: white; background: fixed #000 repeat url("http://www.egraphic.ru/images/web-layouts/163/wood.jpg"); } </style> </head> <body> <div style="height: 2000px;"> Текст <div> </body> </html> [/html] Пример: http://b.zeos.in/UA-Space/ Цитата Ссылка на сообщение Поделиться на других сайтах
WebSet 74 Опубликовано: 8 мая 2011 Рассказать Опубликовано: 8 мая 2011 background-image: url("http://site.ru/fon.jpg"); background-repeat: no-repeat; background-size: 100% auto; Цитата Ссылка на сообщение Поделиться на других сайтах
WWW.ZEOS.IN 1 161 Опубликовано: 8 мая 2011 Рассказать Опубликовано: 8 мая 2011 background-size это CSS3 http://htmlbook.ru/css/background-size это будет не кроссбраузерный вариант Цитата Ссылка на сообщение Поделиться на других сайтах
WebSet 74 Опубликовано: 8 мая 2011 Рассказать Опубликовано: 8 мая 2011 background-size это CSS3 http://htmlbook.ru/css/background-size это будет не кроссбраузерный вариант я то в курсе, я просто написал то, что нужно автору. Цитата Ссылка на сообщение Поделиться на других сайтах
Рекомендованные сообщения
Присоединяйтесь к обсуждению
Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.