двойной фон

rewuxiin

Давно я тут
544
38 / 6

двойной фон

« : 06.10.2011, 10:39:45 »

всем доброго времени

запарился искать и решил спросить у знатоков

как через CSS сделать двойной фон?
т.е. чтобы одна картинка заполняла повторением, а вторая была закреплена в верху в центе.

ещё также интересно как сделать чтобы картинка которая сверху повторяла себя но только в шапке сайта по горизонтали, а не заполняла собой весь фон?

для первого вопроса нашел чтото похожее решение

Код

<title>Sky Background Example - 2</title>
<style type="text/css">
html {
	background: #73ADD7 url(images/gradient.gif) repeat-x;
}
body {
	padding: 0;
	margin: 0;
	background: url(images/sky.jpg) no-repeat center top;
	color: #666;
	width: 100%;
	display: table;
}
#content {
	width: 852px;
	margin: 205px auto 0;
	background: #fff;
	border: solid 1px #ccc;
	padding: 20px;
}
h1 {
	margin: 0;
	padding: 0;
}
</style>
</head>
<body>

если это единственное решение подскажите пожалуйста как правильно его разместить.

Записан

umbabaraumba

Живу я здесь
2415
153 / 1
если помог можете поставить +

Re: двойной фон

« Ответ #1 : 06.10.2011, 10:46:37 »

Цитата: rewuxiin от 06.10.2011, 10:39:45

как через CSS сделать двойной фон?
т.е. чтобы одна картинка заполняла повторением, а вторая была закреплена в верху в центе.

Дивами с z-index

Записан

Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

umbabaraumba

Живу я здесь
2415
153 / 1
если помог можете поставить +

Re: двойной фон

« Ответ #2 : 06.10.2011, 10:47:45 »

Цитата: rewuxiin от 06.10.2011, 10:39:45

ещё также интересно как сделать чтобы картинка которая сверху повторяла себя но только в шапке сайта по горизонтали, а не заполняла собой весь фон?

repeat-x

Записан

Errare humanum est
Ubuntu по-русски
Пишу не сложные модули и компоненты, не дорого но не срочно

rewuxiin

Давно я тут
544
38 / 6

Re: двойной фон

« Ответ #3 : 06.10.2011, 12:37:59 »

Цитата: umbabaraumba от 06.10.2011, 10:46:37

Дивами с z-index

можно чуть подробней?
я ещё с CSS и PHP толком не работал. так только параметры всякие назначал.
так понимаю что нужно ещё кодом в индексе шаблона переменную в диве както выводить?

Записан