Повторение фона вправо

Question

Повторение фона вправо

0

Как я могу повторить фоновое изображение только на моем макете сайта. Мое изображение составляет 1 пиксель в ширину и 400 пикселей в высоту, и я хотел, чтобы оно составляло 100% ширины экрана.

Я думал, что это был...

CSS:

#bg-image {
  background-image: url("images/bg.png")
  background-repeat:repeat-y;
  background-size: 100%; 
 }

HTML:

<div class="wrapper">
  <div class="bg-image"> 
  </div>
</div>

Но это не работает. Я просмотрел другие ответы StackOverflow, но не смог найти такой же, как у моей проблемы. Любая помощь приветствует приветствия

user2729578 02 дек. 2013, в 12:29

Источник

0

изменить фон-повторить: повтор-х
Furquan Khan 02 дек. 2013, в 10:42
0

body { background: url(../images/bg.png); }
mdesdev 02 дек. 2013, в 10:46

Теги:

html

css

background

image

repeat

5 ответов

Ещё вопросы

Mr.G · Answer 1 · 2013-12-02T09-13-00.000Z

Попробуй это:

#bg-image
{
background-image:url('paper.gif');
background-repeat:repeat-y;
height: 100%;
}

Pradeep Pansari · Answer 2 · 2013-12-02T09-07-00.000Z

Попробуйте этот код для повторного горизонтального изображения.

repeat-x : Work for Horizontal
repeat-y : Work for Vertical


'CSS
#bg-image {
background-image: url("images/bg.png")
background-repeat:repeat-x;
background-size: 100%; 
}
HTML:
<div class="wrapper">
 <div class="bg-image"> 
 </div>
</div>

Kishori · Answer 3 · 2013-12-02T08-53-00.000Z

Попробуйте дать height:auto в Div, где применяется фоновое изображение, и включать его под Div, где вы хотите его расширить.

<div class="OuterDiv">
    <div class="backgroundImage"></div>
</div>

CSS

.OuterDiv
{
    height:100%;
}

.backgroundImage
{
    background-image:url('someimage.png') repeat-x;
    height:auto;
}

Krish R · Answer 4 · 2013-12-02T08-11-00.000Z

Можете ли вы попробовать это,

#bg-image {
    background-image: url("images/bg.png");
    height: 100%;
}

matewka · Answer 5 · 2013-12-02T07-52-00.000Z

Я думаю, вы смутили X с Y Вы должны использовать:

#bg-image {
    background-image: url("images/bg.png");
    background-repeat: repeat-x;
}