【发布时间】：2019-01-04 10:53:00
【问题描述】：
我的主页上有一个竖线。它实际上是一个看起来像这样的图像：
白框是动态添加的产品图片的占位符。我想知道如何在添加新产品图像时拉伸蓝色竖条。这必须以编程方式完成。
【问题讨论】：
【发布时间】：2019-01-04 10:53:00
【问题描述】：
使用图像作为背景并垂直重复。
像这样的
<style>
.pageBG { background: url(your_image_source) repeat-y; }
</style>
<div class='pageBG'>
<!--your content goes here -->
</div>
从您的图像中，我认为您可以制作尺寸为 5*5 或其他尺寸的小图像，并使其垂直和水平重复。为此，您不必设置背景位置，因为 repeat 是 background-position 的初始值。
【讨论】：
-
+1 只需使用图像的一小部分，并将其设置为 div 的背景。
-
只要图片真的是OP贴的同质纹理，我支持这个。
为什么要使用图像？为什么不简单地为 div 设置背景颜色：
<style>
.pageBG { background: #35f; }
</style>
您不需要背景中的白洞来显示图像。
【讨论】：
-
我认为白洞是条上的指示符，而不是图像的占位符。