CSS线性渐变不随内容滚动[重复]

Question

问题

我有一个使用线性渐变作为背景图像的文本区域。我正在尝试模仿“横格纸”效果。我已将我的 font-size 和 line-height 设置为获取行和文本之间的正确间距；

但是，一旦我向下滚动文本区域，我就会发现一个问题：

也就是说，我的背景图像不会随文本滚动。我试过background-attachment: scroll、background-attachment: fixed和background-attachment: local，都没有解决我的问题。

CSS

textarea {
    height: 200px;
    font-size: 20px;
    line-height: 1;
    background-image: repeating-linear-gradient(to bottom,
                                                #fff,
                                                #fff 9.5%,
                                                #000 9.5%,
                                                #000 10%);
}

Fiddle

Answer 1

background-attachment: local 实际上确实工作；只是不在我正在测试的 Firefox 中。