divのリピートでイメージを作成します（背景イメージではありません）？

Question

私はdivにあり、背景画像はありませんが、どう考えていないイメージをrepeat-yしようとしています。解決策を教えてください。あなたがすることはできませんCSSと

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

Answer 1

。それはおそらくのdivを使用して、それだけで偽物に容易になるだろう

は、画像タグの中にこれを試すか、あなたはdivの

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

Answer 2

ない：

私のコードは次のようになります。 JSを使う必要があります。 imgをバックグラウンドにコピーする簡単な例：

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

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

実際にイメージを繰り返しても何回ですか？あなたがstyle="background-repeat:repeat-y;width: 200px;"の代わりstyle="repeat-y"として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 3

については、以下のCSSを使用することができます。実際に表示されるように空の場合は高さを設定してください。たとえば、50pxの高さにしたい場合、divの高さを50pxに設定します。

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

あなたのスタイルシートには、背景とそのプロパティ、高さと幅、およびあなたが気づいた位置を追加してください。

Answer 4

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