我無法獲得背景圖像垂直重複與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>