Фоновое изображение не повторяется по вертикали - PullRequest
0 голосов
/ 09 октября 2011

Если вы прокрутите до нижней части этой страницы - http://dev.socialadr.com/get/begin06 - вы увидите, что белый фон с тенью падает около конца.

Это файл изображения, который я хочу повторить по вертикали: http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif

Используемый файл CSS: http://dev.socialadr.com/_css/css.php

И я считаю, что этот #page_wrapper id нужно изменить:

#page_wrapper {
    width:1014px;
    margin:0 auto;
    padding:0;
    min-height: 300px;
    background: url(http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif) repeat-y center top;
    height:100%;
}

Я пробовал кучу разных вещей, прочитал кучу других постов StackOverflow о похожих проблемах, но я не могу заставить его работать.

Есть идеи?

Спасибо! Kane

Ответы [ 2 ]

4 голосов
/ 09 октября 2011

Попробуйте разместить цитаты вокруг URL:

background: url('http://dev.socialadr.com/mod/theme_simplebluewhite/graphics/theme_contentback.gif') repeat-y center top;
3 голосов
/ 09 октября 2011

Ваш действующий CSS не включает свойство repeat-y, указанное в вставленном коде.

Кроме того, ваш файл изображения очень большой. Поскольку изображение должно быть мозаичным, высота изображения должна быть высотой одного элемента мозаичного изображения.

Вам также следует разбить изображение на две части и установить их в качестве фона для двух разных элементов. Черепица текущего изображения будет включать в себя верхнюю часть рамки с углами, а это не то, что вам нужно. Установите изображение только для углов в качестве фона для одного элемента, затем добавьте изображение мозаики для другого элемента с помощью repeat-y.

...