Помощник
 |
|
|
|
|
Сообщение сайта
|
 Как сделать, чтобы фоновая картинка растягивалась под разрешение экрана пользователя? |
JohnGrey13
|
Сообщение
#1
|
||
|
0  Группа: User Сообщений: 6 Регистрация: 22.6.2010 Поблагодарили: 0 раз Репутация:  0 
 |
|
||
 |
|
||
|
Alcorn
|
 28.6.2010, 17:49;
Ответить: Alcorn
Сообщение
#2
|
 0 Группа: Active User Сообщений: 1881 Регистрация: 13.6.2009 Поблагодарили: 0 раз Репутация: 0
|
1) Фон не тянется, он может только повторяться.
2) Тянется рисунок. Обсуждалось неоднократно вместе с примерами кода, можете воспользоваться поиском по форуму. 3) Как вы себе представляете загрузку клиенту с медленным интернетом рисунка 1680x1050 весом в несколько мегабайт + вес самого сайта? |
|
|
|
|
JohnGrey13
|
Сообщение
#3
|
|
0 Группа: User Сообщений: 6 Регистрация: 22.6.2010 Поблагодарили: 0 раз Репутация: 0
|
Alcorn,
1) Фон не тянется, он может только повторяться. 2) Тянется рисунок. Обсуждалось неоднократно вместе с примерами кода, можете воспользоваться поиском по форуму. повтором не получится сделать... если только дизайн полностью сменить... придётся тогда этим и заняться :( 3) Как вы себе представляете загрузку клиенту с медленным интернетом рисунка 1680x1050 весом в несколько мегабайт + вес самого сайта? Ды, это неважно, я сайт делаю для курсовой, в инете публиковать не собираюсь... Так что здесь это не играет особой роли |
|
|
|
|
Arks
|
28.6.2010, 20:04;
Ответить: Arks
Сообщение
#4
|
 0 Группа: User Сообщений: 2780 Регистрация: 20.3.2010 Поблагодарили: 0 раз Репутация: 0
|
свойства объекта window width и height еще никто не отменял. соответственно javascript их берем и ставим нужные атрибуты фона
|
|
|
|
|
Yasuka
|
28.6.2010, 20:15;
Ответить: Yasuka
Сообщение
#5
|
|
0 Группа: User Сообщений: 150 Регистрация: 10.4.2010 Поблагодарили: 0 раз Репутация: 0
|
Несколько способов от CSS-tricks.
Сам не читал и не тестировал, но обычно там хорошие советы публикуют. |
|
|
|
|
Gharibyan
|
30.6.2010, 20:15;
Ответить: Gharibyan
Сообщение
#6
|
|
0 Группа: User Сообщений: 2 Регистрация: 30.6.2010 Поблагодарили: 0 раз Репутация: 0
|
надо брать 1 пиксельный рисунок и в css.-е написать background-image: url( ваша фотка)
background-reapet: reapet-x и дальше |
|
|
|
|
Belovsan
|
12.7.2010, 19:25;
Ответить: Belovsan
Сообщение
#7
|
|
0 Группа: User Сообщений: 18 Регистрация: 13.4.2010 Поблагодарили: 0 раз Репутация: 0
|
Здесь можно попробовать не бэкграундом, а просто вставить картинку и задать ей ширину 100%. Типа так:
<img src="img/pich.gif" alt="Текст" width="100%" /> Вот именно эта: width="100%" и растянет картинку на всю ширину экрана. Правда надо ли так делать? Ведь это ведёт к потере качества изображения. |
|
|
|
Сашко
|
12.7.2010, 19:42;
Ответить: Сашко
Сообщение
#8
|
|
 Частый гость Группа: User Сообщений: 97 Регистрация: 2.2.2011 Поблагодарили: 6 раз Репутация: -2
|
Нужно конкретно картинку видеть. Я обычно по средствам цсс подгоняю бэкграунд под картинку, а элементы отдельно позиционирую другими слоями. А если прописывать картинке ширину в процентах, тогда теряются качество и пропорции картинки.
|
|
|
|
|
|
|
|
Похожие темы
| Тема | Ответов | Автор | Просмотров | Последний ответ | |
|---|---|---|---|---|---|
 |
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1920 | Вчера, 21:03 автор: MisterBit |
 |
Ссылки за которые не стыдно! Качественный линк билдинг сервис под Бурж от Westrank. Честный прайс. | 63 | DaoDog | 47141 | Вчера, 12:05 автор: Omaxis |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4813 | 17.4.2024, 1:19 автор: sergio11 |
|
Прототипирование + дизайн + вёрстка = красивый и эффективный сайт под ключ | 0 | bunneh | 347 | 16.4.2024, 18:02 автор: bunneh |
|
 Burzh.top|Партнерская программа под любой вид трафика (email, спам, УБТ) |
2 | cryptius | 762 | 16.4.2024, 17:50 автор: cryptius |
|
Текстовая версия | Сейчас: 20.4.2024, 3:14 |
