Сделать изображение (а не фон img) в повторе div?

Я пытаюсь повторить - образ, который в div и фоновом изображении, но не понял, как это сделать. Не могли бы вы указать мне на решение?

Мой код выглядит следующим образом:

<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div>

Ответ 1

Вы используете repeat-y как style="background-repeat:repeat-y;width: 200px;" вместо style="repeat-y".

Попробуйте это внутри тега изображения или вы можете использовать приведенный ниже css для div

.div_backgrndimg
{
    background-repeat: repeat-y;
    background-image: url("/image/layout/lotus-dreapta.png");
    width:200px;
}

Ответ 2

(DEMO)
Коды

.backimage {width:99%;  height:98%;  position:absolute;    background:transparent url("http://upload.wikimedia.org/wikipedia/commons/4/41/Brickwall_texture.jpg") repeat scroll 0% 0%;  }

<div>
    <div class="backimage"></div>
    YOUR OTHER CONTENTTT
</div>

Ответ 3

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

<div id="rightflower">
<div id="divImg"></div> 
</div>

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

Ответ 4

Не с CSS вы не можете. Вам нужно использовать JS. Быстрый пример копирования img на задний план:

var $el = document.getElementById( 'rightflower' )
  , $img = $el.getElementsByTagName( 'img' )[0]
  , src  = $img.src

$el.innerHTML = "";
$el.style.background = "url( " + src + " ) repeat-y;"

Или вы действительно можете повторить изображение, но сколько раз?

var $el = document.getElementById( 'rightflower' )
  , str = ""
  , imgHTML = $el.innerHTML
  , i, i2;
for( i=0,i2=10; i<i2; i++ ){
    str += imgHTML;
}
$el.innerHTML = str;