X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Как сделать, чтобы фоновая картинка растягивалась под разрешение экрана пользователя?
JohnGrey13
JohnGrey13
Topic Starter сообщение 28.6.2010, 16:11; Ответить: JohnGrey13
Сообщение #1


Собственно, сабж.

Всем привет!

Как сделать так, чтобы фоновая картинка растягивалась/стягивалась под разрешение экрана пользователя?

К примеру, моё разрешение экрана 1680x1050, у друга разрешение 1280x1024. У меня фоновое изображение во весь экран, у него оно обрезано. Можно сделать так, чтобы фоновая картинка сама подстраивалась под разрешение пользователя?

И как это сделать через CSS, если, конечно, это возможно. Подскажите, пожалуйста!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Alcorn
Alcorn
сообщение 28.6.2010, 17:49; Ответить: Alcorn
Сообщение #2


1) Фон не тянется, он может только повторяться.
2) Тянется рисунок. Обсуждалось неоднократно вместе с примерами кода, можете воспользоваться поиском по форуму.
3) Как вы себе представляете загрузку клиенту с медленным интернетом рисунка 1680x1050 весом в несколько мегабайт + вес самого сайта?
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
JohnGrey13
JohnGrey13
Topic Starter сообщение 28.6.2010, 17:59; Ответить: JohnGrey13
Сообщение #3


Alcorn,

1) Фон не тянется, он может только повторяться.
2) Тянется рисунок. Обсуждалось неоднократно вместе с примерами кода, можете воспользоваться поиском по форуму.

повтором не получится сделать... если только дизайн полностью сменить... придётся тогда этим и заняться :(

3) Как вы себе представляете загрузку клиенту с медленным интернетом рисунка 1680x1050 весом в несколько мегабайт + вес самого сайта?

Ды, это неважно, я сайт делаю для курсовой, в инете публиковать не собираюсь... Так что здесь это не играет особой роли
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Arks
Arks
сообщение 28.6.2010, 20:04; Ответить: Arks
Сообщение #4


свойства объекта window width и height еще никто не отменял. соответственно javascript их берем и ставим нужные атрибуты фона
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Yasuka
Yasuka
сообщение 28.6.2010, 20:15; Ответить: Yasuka
Сообщение #5


Несколько способов от CSS-tricks.
Сам не читал и не тестировал, но обычно там хорошие советы публикуют.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Gharibyan
Gharibyan
сообщение 30.6.2010, 20:15; Ответить: Gharibyan
Сообщение #6


надо брать 1 пиксельный рисунок и в css.-е написать background-image: url( ваша фотка)
background-reapet: reapet-x и дальше
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Belovsan
Belovsan
сообщение 12.7.2010, 19:25; Ответить: Belovsan
Сообщение #7


Здесь можно попробовать не бэкграундом, а просто вставить картинку и задать ей ширину 100%. Типа так:
<img src="img/pich.gif" alt="Текст" width="100%" />

Вот именно эта: width="100%" и растянет картинку на всю ширину экрана.

Правда надо ли так делать? Ведь это ведёт к потере качества изображения.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Сашко
Сашко
сообщение 12.7.2010, 19:42; Ответить: Сашко
Сообщение #8


Нужно конкретно картинку видеть. Я обычно по средствам цсс подгоняю бэкграунд под картинку, а элементы отдельно позиционирую другими слоями. А если прописывать картинке ширину в процентах, тогда теряются качество и пропорции картинки.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Большие ставки для кликов в Я.Директ. Как удешевить?
2 rownong27 1120 26.3.2024, 14:13
автор: knezevolk
Открытая тема (нет новых ответов) SEO Линк Билдинг под Бурж | Вечные ссылки США, Европа и Мир с Гарантией
18 Needmylink1 6543 25.3.2024, 20:51
автор: Needmylink1
Открытая тема (нет новых ответов) Как вы бросили работу и перешли на заработок с сайтов?
12 uahomka 2291 25.3.2024, 6:52
автор: Skyworker
Открытая тема (нет новых ответов) Как отозвать банковский платеж фрилансеру?
28 metvekot 3917 25.3.2024, 6:34
автор: Skyworker
Открытая тема (нет новых ответов) Как вывести деньги в Украине с заблокированного Юмани ?
23 freeax 3644 24.3.2024, 20:55
автор: Liudmila


 



RSS Текстовая версия Сейчас: 29.3.2024, 3:35
Дизайн