Стиль CSS

#1 17 марта 2013 в 13:16
Подскажите как правильно в цсс шаблона прописать стиль подлозки для шаблона. Нужно чтоб картинка выводилась на весь экран. А так у меня получается несколько картинок.
Вот кусок кода

html, body {
margin:0;
padding:0;
width:100%;
height:100%;
}

html { height:100%; }

body {
background:#f5f5f5;
height: 100%;
word-wrap: break-word;
background: url(../images/ar_wrapper.png) #fff;
}
#background{
background:#ffffff;
display:block;
overflow:hidden;
margin:0 auto;
width:960px !important;
border: 1px solid #e3e3e3;
}


a { color:#09c; }
a:hover { color:#375E93; }

#wrapper {
position:relative;
height:auto !important;
min-height: 100%;
display:block;
}

* html #wrapper {
height: 100%;
}

.text-input{ border:1px solid #999999; padding:2px; border-radius:6px;-moz-border-radius:6px;min-height:30px;}
.text-input:focus{ border:1px solid #66CCFF; padding:2px;box-shadow: 0 0 10px #66CCFF; }

.float_bar a{ color:#09C; text-decoration:none; }
.float_bar a:hover{ color:#375E93; text-decoration:underline; }
.float_bar{
float:right;
margin-top:6px;
padding:5px 8px;
font-size:14px;
}
#2 17 марта 2013 в 16:55
  1. body {
  2. background: url(../images/ar_wrapper.png) no-repeat scroll center top #FFF;
  3. }
Желательно чтобы ваша картинка ar_wrapper.png была достаточно большой и мало весила
Удачи!
#3 17 марта 2013 в 21:36

-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Сабиров Дамир
Вы это Ишаку нами всеми любому скажите=)))
Да и выглядит маленькая картинка, даже там где работает свойство, мягко говоря, не очень
#4 18 марта 2013 в 01:18
Лично я себе ставила с выравниванием по середине через template.php)))
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.