Блог

Как я мог бы использовать свою полосу шаблонов с линейным градиентом,mystrip.jpg (1×1024 пикселей), чтобы быть основным фоном моей веб-страницы? Мне нужно повторять себя по горизонтали и иметь его высоту на 100% от высоты тела.

Я пытался с

 body{background:url(mystrip.jpg) repeat-x;} 
  

но всякий раз, когда высота моего основного содержимого превышает 1024 пикселя, я могу четко видеть нижнюю границу моего шаблона полосы.

Спасибо

Luca

Просто установите цвет фона, который соответствует нижнему цвету.

 body{background: #f00 url(mystrip.jpg) repeat-x;} 
  

Или любой другой цвет.

В качестве альтернативы вы можете использовать background-size, но это, вероятно, не придаст ему хорошего вида.

Я бы рекомендовал также использовать градиенты CSS, где это возможно.

Вы также должны установить цвет фона, чтобы там, где заканчивается изображение, цвет вступал во владение. Сделайте цвет фона таким же, как цвет нижней части вашего изображения.

Пример:

 body{ background: #ccc url(mystrip.jpg) repeat-x; }