CSS线性渐变不滚动内容

Question

问题

我有一个textarea，它使用线性渐变作为背景图像。我试图模仿一张衬纸＃34;影响。我已将font-size和line-height设置为获取行与文本之间的正确间距;

然而，一旦我向下滚动textarea，我发现了一个问题：

即，我的背景图像不会随文本滚动。我尝试了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中。