html - 强制滚动文本区域背景图像？

Question

我有一个显示代码文本的可编辑文本区域，我想应用一些简单的样式和模拟典型<pre>样式的背景图案。

当我放置背景图像并在 textarea 内滚动时，背景图像固定在 textarea 上，滚动时文本在顶部流动。

我希望背景图像与文本一起滚动。

小提琴

我在搜索时遇到的唯一防弹解决方案是这样的，但我希望找到一个简单的 CSS 解决方案。