как вставить картинку в css?

NW
На сайте с 08.12.2011
Offline
77
8057

Здравствуйте !

хочу вставить на сайт такой фон, но как я предполагаю нужно вставить двумя частями, скажите пожалуйста как это реализовать в css чтобы картинки на всех мониторах отображался корректно?

вот макет ! http://4put.ru/pictures/max/514/1581116.jpg

---------- Добавлено 24.01.2013 в 17:34 ----------

то есть задний фон !

Анкета для новичков и профессионалов, вопросы могут быть разными!
Милованов Ю.С
На сайте с 24.01.2008
Offline
196
#1


<?php
$text = NEW 'http://css.manual.ru/properties/background';
$example = NEW 'uSite';
$result = 'УГ';
While ($result == 'УГ')
{
$text->read();
$text->understand();
if ($example->try())
{
$result = 'УРА'
}
}
?>

ЗЫ. а че в левом верхнем углу портак?:)

Подпись))
V
На сайте с 09.02.2011
Offline
38
#2

Чтобы смотрелось адекватно на любой ширине нужно один из блоков сделать с повторяющимся бакграундом.

напрмер так:

http://clip2net.com/s/2KAiJ

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

NW
На сайте с 08.12.2011
Offline
77
#3
Vencendor:
Чтобы смотрелось адекватно на любой ширине нужно один из блоков сделать с повторяющимся бакграундом.
напрмер так:
http://clip2net.com/s/2KAiJ

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

так не получится !

bukachuk
На сайте с 07.09.2008
Offline
97
#4

Фон не тянеться, либо фон надо супер большой чтобы всем хватило

Программирование PHP,Mysql (/ru/forum/934470)
PN
На сайте с 01.05.2008
Offline
113
#5

В CSS3 есть поддержка множества фонов. Задаешь один , через запятую второй

div.test {

background-image: url(/logo_quirksmode.gif), url(/logo_quirksmode_inverted.gif);

background-repeat: repeat-y;

background-position: top left, top right;

width: 385px;

height: 100px;

border: 1px solid #000000;

}

Так же отсут бекграунда можно задавать

Так же сделай просто растягиваемым фон - тоже не сложно

NW
На сайте с 08.12.2011
Offline
77
#6
Prosto_niki:
В CSS3 есть поддержка множества фонов. Задаешь один , через запятую второй


div.test {
background-image: url(/logo_quirksmode.gif), url(/logo_quirksmode_inverted.gif);
background-repeat: repeat-y;
background-position: top left, top right;
width: 385px;
height: 100px;
border: 1px solid #000000;
}

Так же отсут бекграунда можно задавать


Так же сделай просто растягиваемым фон - тоже не сложно

блин как же я об это забыл !

спасибо я сделал как вы мне напомнили !

body {

background: url(images/fon.jpg) no-repeat;

-moz-background-size: 100%;

-webkit-background-size: 100%;

-o-background-size: 100%;

background-size: 100%; /*

}

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий