[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Фоновая картинка
Denis_____5
Как сделать что бы фоновая картинка растягивалось под размер монитора ?



Спустя 13 минут, 34 секунды (13.03.2012 - 13:49) Bezdna написал(а):
Думаю для начала написать своё сообщение нормальным шрифтом.

Спустя 12 минут, 14 секунд (13.03.2012 - 14:01) ADiel написал(а):
Если только img слоем подложить под все остальное и сделать z-index маленький

Спустя 22 минуты, 25 секунд (13.03.2012 - 14:24) Denis_____5 написал(а):
Вот образец как хочу сделать http://www.dabs.com/

Спустя 13 минут, 58 секунд (13.03.2012 - 14:37) Ramzil_Nixon написал(а):
Цитата (Denis_____5 @ 13.03.2012 - 11:24)
Вот образец как хочу сделать http://www.dabs.com/

В твоем образце нет ничего особенного.

body { background: url('ссылка на изображение') fixed center no-repeat; }


И все. Просто изображение больше ширины экрана. Я бы так не рекомендовал сделать. Слишком долго будет грузиться

Спустя 37 минут, 41 секунда (13.03.2012 - 15:15) Denis_____5 написал(а):
Цитата (Ramzil_Nixon @ 13.03.2012 - 11:37)
Цитата (Denis_____5 @ 13.03.2012 - 11:24)
Вот образец как хочу сделать http://www.dabs.com/

В твоем образце нет ничего особенного.

body { background: url('ссылка на изображение') fixed center no-repeat; }


И все. Просто изображение больше ширины экрана. Я бы так не рекомендовал сделать. Слишком долго будет грузиться

так изображение не подстраивается под монитор показывает левый верхний угол картинки

Спустя 23 минуты, 27 секунд (13.03.2012 - 15:39) Nikitian написал(а):
По ссылке сделано так:

body{
background:url("/images/page-backgrounds/dabs-com-background.jpg") no-repeat scroll center top #FFFFFF;
}

Сложно посмотреть и сделать так же?

Главное с такими фонами надо внимательно относиться к оптимизации размера этой картинки и общего фона. В примере по ссылке, имея монитор шире 3000px получится очень некрасиво по краям, ну и внизу переход сделали топорно. Ясно. что их обычный белый фон никак не гармонирует с этой картинкой, но продажники сказали: "надо поставить" - пришлось видимо подчиниться.

Спустя 8 минут, 25 секунд (13.03.2012 - 15:47) Denis_____5 написал(а):
Цитата (Nikitian @ 13.03.2012 - 12:39)
По ссылке сделано так:

body{
background:url("/images/page-backgrounds/dabs-com-background.jpg") no-repeat scroll center top #FFFFFF;
}

Сложно посмотреть и сделать так же?

Главное с такими фонами надо внимательно относиться к оптимизации размера этой картинки и общего фона. В примере по ссылке, имея монитор шире 3000px получится очень некрасиво по краям, ну и внизу переход сделали топорно. Ясно. что их обычный белый фон никак не гармонирует с этой картинкой, но продажники сказали: "надо поставить" - пришлось видимо подчиниться.

СПАСИБО ТЕБЕ ! получилось! вот только подскажите теперь как сделать что бы блог div не просвечивался ?

Спустя 3 минуты, 57 секунд (13.03.2012 - 15:51) Nikitian написал(а):
Чтобы блок был непрозрачным, ему надо дать какой-то бэкграунд, отличный от transparent.

Спустя 1 час, 54 минуты, 1 секунда (13.03.2012 - 17:45) walters написал(а):
вообще то в ксс коде там такой код

body{background:#FFF url('/images/page-backgrounds/dabs-com-background.jpg'); background-repeat:no-repeat; background-position:center top; font-family:Tahoma, Arial, Sans-Serif; font-size:0.9em; color:#444}

Спустя 14 минут, 13 секунд (13.03.2012 - 17:59) ADiel написал(а):
Это одно и то же

Спустя 1 минута, 36 секунд (13.03.2012 - 18:01) Nikitian написал(а):
walters
Я копировал код из firebug'a, а там он уже свёрнутый. Разницы никакой.
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.