2013-09-23 5 views
0

Есть ли способ растянуть 1 фон. Если вы установили 2?2 backgrounds stretch 1 background

body{ 

background-image: url(../images/pattern.png), url(../images/2.jpg); 
background-repeat: repeat, repeat; 
} 

Нечто подобное не напрягаем первое изображение, но второе изображение (2.jpg)

enter image description here

образ должен быть растянут 100%

ответ

1

Вы можете сделать следующее

body { 
    background-image: url(bg1.png), url(bg2.png); 
    background-repeat: repeat-y, repeat; 
} 

bg1.png (содержит один символ «1») оторфованного вниз
bg2.png (содержит один символ «2») будет повторяться по горизонтали и вниз

enter image description here

0

Используйте следующий CSS, вы можете повторить первое изображение вниз, и только второе изображение будучи растягивается до 100%

body { 
    background-image: url(bg1.png), url(bg2.png); 
    background-repeat: repeat-y, no-repeat; 
    background-size: 29 29, 100% 100%; 
} 

enter image description here

Там, кажется, некоторые вопросы, в сочетании с DOCTYPE. Следующий фрагмент CSS работает хорошо в сочетании с DOCTYPE.

body{ 
    background-image: url('../images/pattern.png'), url('../images/2.jpg'); 
    background-repeat: repeat, no-repeat; 
    background-size: 29px 29px, 100% 100%; 
} 

enter image description here

+0

Спасибо, но почти. http://i.imgur.com/CkUW4dt.jpg – Ruben

+0

Не могли бы вы разместить два изображения? Не уверен, что происходит, поэтому может помочь выяснить проблему. – Frank

+0

Надеюсь, это поможет https://googledrive.com/host/0B6iVF_nyNJLDdnJJOE9uSXBwWXM/index.html – Ruben