[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Фоновый рисунок в css
ElfSam
Например, хочу рисунок сделать фоном экрана, но размер рисунка меньше размера экрана. У меня получается, что вставляется 8 таких рисунков



Спустя 10 минут, 11 секунд (3.08.2009 - 21:49) ElfSam написал(а):
.fon1{background-imagе:url(fon1.jpg)}
это просто вставить фоновый рисунок. Но как его растянуть до размеров экрана, я не нашел

Спустя 43 минуты, 26 секунд (3.08.2009 - 22:33) Gabriel написал(а):
Код

.fon1 {
background:url(fon1.jpg) repeat;
}

репит рулид

Спустя 57 минут, 48 секунд (3.08.2009 - 23:30) FatCat написал(а):
Gabriel
А он вроде как по умолчанию...


Цитата (ElfSam @ 3.08.2009 - 22:39)
У меня получается, что вставляется 8 таких рисунков

Я в таких случаях делаю рисунок шириной заведомо больше любого экрана: 2000 или больше пикселов.

Спустя 7 часов, 22 минуты, 37 секунд (4.08.2009 - 06:53) ElfSam написал(а):
А если область меньшего размера, чем рисунок? Например ячейка таблицы

Спустя 1 час, 34 минуты, 19 секунд (4.08.2009 - 08:27) ИНСИ написал(а):
для начала тебе надо правильно сформулировать свой вопрос:
Тебе надо чтобы по вертикали и горизонтали повторялся рисунок?
тогда пишешь просто: background: url(img/bg.jpg);

если надо чтобы по горизонтали то: background: url(img/bg.jpg) repeat-x left;

если надо по вертикали то: background: url(img/bg.jpg) repeat-y left;

если надо только по верху то: background: url(img/bg.jpg) repeat-x left top;

видишь, можно по разному растягивать, зависит от того, что именно ты хочешь

Спустя 45 минут, 39 секунд (4.08.2009 - 09:13) sergeiss написал(а):
Цитата (welbox2 @ 4.08.2009 - 09:27)
для начала тебе надо правильно сформулировать свой вопрос:
Тебе надо чтобы по вертикали и горизонтали повторялся рисунок?

А вопрос был как раз правильно сформулирован smile.gif Автор вопроса хочет, чтобы рисунок НЕ повторялся smile.gif Вообще ни разу.

Цитата (ElfSam @ 4.08.2009 - 07:53)
А если область меньшего размера, чем рисунок? Например ячейка таблицы

Будет отображаться часть рисунка (и в другой ячейке тоже часть рисунка), или он будет повторяться вне зависимости от границ ячеек (если, конечено, его размер меньше общего размера таблицы). Это поведение зависит от типа браузера.

Спустя 20 минут, 45 секунд (4.08.2009 - 09:34) ElfSam написал(а):
да я хочу, чтоб он не повторялся, а был один на всю фоновую область. Такое можно сделать?

Спустя 9 дней, 8 часов, 37 минут, 57 секунд (13.08.2009 - 18:12) ukrorion написал(а):
Нельзя, можно только при помощи Photoshopa или другого графического редактора растянуть до нужного размера, а в css нет!

потом когда вставляеш делаеш так:

.fon1{
background-imagе:url(fon1.jpg) top left no-repeat;
}
Быстрый ответ:

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