faire une image( pas de fond img) en div répéter?

Je suis en train de repeat-y une image dans une div et pas d'image de fond mais je n'ai pas compris comment. Pourriez-vous svp m'indiquer une solution?

Mon code ressemble à ceci:

<div id="rightflower">
<img src="/image/layout/lotus-dreapta.png" style="repeat-y; width: 200px;"/> 
</div>
La réponse courte est que vous ne pouvez pas - vous voulez utiliser une image de fond pour cette
Donc, je pourrais répéter l'image en la définissant comme une image de fond de la div? Serait-ce permettez-moi d'alignement de l'image?

OriginalL'auteur douaberigoale | 2011-12-30

  1. 6

    Vous avez utiliser pour repeat-y comme style="background-repeat:repeat-y;width: 200px;" au lieu de style="repeat-y".

    Essayez ceci à l'intérieur de la balise d'image ou vous pouvez utiliser le ci-dessous le code css de la div

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

    OriginalL'auteur Boopathi

  2. 3

    (DÉMO)

    Codes:

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

    et

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

    OriginalL'auteur T.Todua

  3. 2

    Il serait probablement plus facile de faux à l'aide d'un div. Assurez-vous de régler la hauteur si son vide, de sorte qu'il peut effectivement apparaître. Dire, par exemple, vous voulez qu'il soit 50px de haut définir la div hauteur de 50px.

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

    Et dans votre feuille de style il suffit d'ajouter le fond et ses propriétés, la hauteur et la largeur, et ce que jamais positionnement que vous aviez en tête.

    OriginalL'auteur Rooster

  4. 1

    Pas avec le CSS vous ne pouvez pas. Vous avez besoin d'utiliser JS. Un exemple rapide de la copie de l'img à l'arrière-plan:

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

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

    Ou vous pouvez répéter l'image, mais combien de fois?

    var $el = document.getElementById( 'rightflower' )
  , str = ""
  , imgHTML = $el.innerHTML
  , i, i2;
for( i=0,i2=10; i<i2; i++ ){
    str += imgHTML;
}
$el.innerHTML = str;
    évidemment, vous POUVEZ le modifier à l'aide des CSS si vous supprimez l'élément img et de mettre l'image en arrière-plan, ma réponse était basée sur l'hypothèse que vous ne voulez pas / ne pouvait pas changer le balisage
    Je souhaite que les tosse qui me traque allait s'arrêter downvoting tout ce que je poste

    OriginalL'auteur gotofritz