垂直重复背景与空间

Question

我有一个虚线图像，我希望在textarea中作为背景。图像的高度为3px，宽度为620px，我想要的是垂直重复它，每行之间的空间为8px。下面的代码重复背景，但没有距离。怎么可能这样做（如果可能的话）？

textarea#story {
  height: 40px;
  border: 1px solid #cccccc;
  padding: 5px;
  font-family: Tahoma, sans-serif;
  background-image: url(../img/underline.png);
  background-position: 5px 20px;
  background-repeat: repeat-y;
}

以下是我想要的。现在，线之间的空间丢失了：

--------------------------------------------------------------------------------
--------------------------------------------------------------------------------
--------------------------------------------------------------------------------

Answer 1

目前，这是不可能的。您必须在图像中添加空间。