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

Question

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

Мой код выглядит так:

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

Answer 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;
}

Answer 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>

Answer 3

Не с 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;

Answer 4

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

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

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