我無法獲得背景圖片以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>