我无法获得背景图片以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>