Html 后台滚动不适用于firefox

我正在尝试创建一个具有笔记本外观的文本区域。当键入后出现滚动时，我希望笔记本背景与文本一起滚动

似乎

后台附件：local

不使用FF，即使它应该得到支持

textarea{
    width: 300px;
    resize: none;
    display: block;
    height: 200px;
    line-height: 40px;
    font-size: 16px;
    font-family: ProximaNova-Regular;
    border: 0;  
    padding: 0 10px;
    border: none;
    line-height: 40px;
    overflow-y: auto;
    background-image: -webkit-linear-gradient(left, #fff 0, transparent 0),-webkit-linear-gradient(right, #fff 0, transparent 0),-webkit-linear-gradient(#fff 29px, #91D1D3 29px, #91D1D3 30px, #fff 30px);
    background-image: -moz-linear-gradient(left, #fff 0, transparent 0),-moz-linear-gradient(right, #fff 0, transparent 0),-moz-linear-gradient(#fff 29px, #91D1D3 29px, #91D1D3 30px, #fff 30px);
    background-image: -ms-linear-gradient(left, #fff 0, transparent 0),-ms-linear-gradient(right, #fff 0, transparent 0),-ms-linear-gradient(#fff 29px, #91D1D3 29px, #91D1D3 30px, #fff 30px);
    background-image: linear-gradient(left, #fff 0, transparent 0),linear-gradient(right, #fff 0, transparent 0),linear-gradient(#fff 29px, #91D1D3 29px, #91D1D3 30px, #fff 30px);
    background-repeat: repeat-y;
    background-size: 100% 100%, 100% 100%, 100% 40px;
    background-attachment: local;
    font-size: 16px;
    color: #444;
}

---

看起来它可能只是不适用于textarea。当我用一个DIV元素替换它，这个DIV元素有足够的内容在你的笔中获得一个滚动条时，就会显示出想要的效果。谢谢您不需要带前缀的

线性渐变

，因为当前所有浏览器都支持不带前缀的版本。你在向旧材料学习！