make image (no img de fondo) en div repeat?

Question

Estoy tratando de repetir-y una imagen que está en un div y sin imagen de fondo, pero no he calculado cómo. ¿Podría indicarme una solución?

Mi código es el siguiente:

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

Answer 1

También gozan de acceso a repeat-y como style="background-repeat:repeat-y;width: 200px;" en lugar de style="repeat-y".

probar este dentro de la etiqueta de la imagen o puede utilizar el css a continuación para el div

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

Answer 2

No

con CSS no se puede. Necesitas usar JS. Un ejemplo rápido de copiar el img para el fondo:

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

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

O en realidad se puede repetir la imagen, pero ¿cuántas veces?

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 3

Probablemente sería más fácil simplemente fingir mediante el uso de un div. Solo asegúrate de configurar la altura si está vacía para que realmente pueda aparecer. Digamos, por ejemplo, que quiere que sea 50px alto, establezca la altura div a 50px.

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

Y en su hoja de estilo sólo tiene que añadir el fondo y sus propiedades, altura y anchura, y lo que nunca posicionamiento que tenía en mente.

Answer 4

(DEMO)
Códigos:

.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%; } 

y

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