¿hacer imagen( no fondo img) en div repetir?

I'm tratando de repetir-y una imagen que's en un div y sin imagen de fondo, pero haven't descubierto la manera. ¿Podría usted por favor me apunta a una solución?

Mi código se parece a esto

<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div>
Programación
image html css repeat
30º diciembre 2011 в 11:38
4 vistas
Solución

Usted tiene uso a repeat-y como style="background-repeat:repeat-y;width: 200px;"en lugar destyle="repeat-y".

Pruebe esto dentro de la etiqueta de imagen o puede utilizar el siguiente css para el div

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

Con CSS no se puede. Necesitas usar JS. Un ejemplo rápido copiando el img al 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
Comentarios (2)

Probablemente sería más fácil simularlo usando un div. Sólo asegúrese de establecer la altura si está vacío para que realmente puede aparecer. Digamos por ejemplo que usted quiere que sea 50px de alto establecer 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 cada posicionamiento que había en mente.

Comentarios (0)