Вопросы и ответы по HTML и CSS

Печать RSS
3615


2000 лет д.н.э.
0
а, еще один префикс забыл -khtml-linear-gradient(#ddd, #fff);
вроде так, правда не уверен

Пацак
0
щас будем разбирать

Facade of Reality
0
как в .body вставить две картинки? А то у меня не получается

2000 лет д.н.э.
0
ни как по моему
сделать еще один блок на всю страницу и ему фоном вторую картинку прицепить
<html>
<head>
</head>
<body>
<div class="back2">




</div>
</body>
</html>
Изменил: ramzes (14.07.2011 / 23:46)

Facade of Reality
0
дело в том, что у меня в body стоит:
max-width:620px;
но в самом body фон работает на всю страницу, тоесть заполняет на 100%, там такая картинка, что она занимает 50px сверху.
Вот мне надо тоже самое сделать и снизу, но там уже не получается из-за max-width:620px. Вот незнаю как проблему решить

2000 лет д.н.э.
0
.back2 {
background: url(...) bottom repeat-x;
max-width:620px; /* это не обязательный параметр, можно убрать */
}
типа того
Изменил: ramzes (15.07.2011 / 00:06)

Facade of Reality
0
ramzes (15 Июля 2011 / 00:05)
.back2 {
background: url(...) bottom repeat-x;
max-width:620px; /* это не обязательный параметр, можно убрать */
}
типа того
какбэ вап дизайн, он тогда растягивается на весь экран, а мну это не надо

2000 лет д.н.э.
0
блок шире боди не растянется

Facade of Reality
0
а надо как раз. тоесть верх и низ картинками полностью должны растянуться, а центр не больше 620px

2000 лет д.н.э.
0
.back1 {
background: url(...) top repeat-x;
}
.back2 {
background: url(...) bottom repeat-x;
}
<body class="back1 back2">
не уверен правда что один не закроет другой

Добавлено через 08:08 сек.
<html>
<head>
</head>
<body>
<div class="content">
..........................
..........................
..........................
</div>
<div class="back2">
</div>
</body>
</html>
.back2 {
background: url(...) bottom repeat-x;
width:100%;
position absolute;
height: (высота картинки);
bottom:0;
z-index:1;
}

.content {
z-index:2;
}
еще как то так можно попробовать
Стикеры / Теги / Правила / Топ тем / Топ постов / Поиск