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>

我无法通过CSS / HTML垂直重复背景图像

1 个答案: