CSS/HTMLで背景画像を垂直方向に繰り返すことができません

Question

CSSとHTMLを使って背景画像を縦方向に繰り返すことができません。私のHTMLは次のようになります。

<div style="stack"> 
<img src="http://i.imgsafe.org/370409f.png" style="background-repeat:repeat-y; 
width:120px;height:100px;alt="sunflower"> &nbsp 
</div> 
width:120px;height:100px;alt="sunflower"> &nbsp 
</div> 

そして、私のCSSは次のようになります。

.stack { 
background-image:url(http://i.imgsafe.org/370409f.png) 
background-repeat:repeat-y; 
} 

Answer 1

それはあなたがちょうど約すべてにHTMLとCSSを壊れている、あなたのコードがやろうとしているどのような種類の不明です。バリデーターを通してコードを実行すると、壊れているものがすべて表示されます。しかしここには一般的な概念があります。主にstyle="stack"をclass="stack"に変更し、CSSファイルをCSSファイルに置き、破損したインラインstyle属性のすべてを削除します。

.stack { 
 
    background: url(http://i.imgsafe.org/370409f.png) 0 0 repeat-y; 
 
    height: 1000vh; 
 
}

<div class="stack"> 
 
</div>