Как прокрутить фоновое изображение вместе с текстом в textarea?

Я знаю, что это немного сложно объяснить, но вы получите представление, увидев мой код ниже. Ситуация такова, что у меня есть текстовая область, которая имеет фон строки (что-то вроде блокнота и стиль изображения повторяется), а также текстовая область становится фиксированная высота, например. 300px, поэтому мой вопрос: когда появляется скроллер, я хочу прикрепить строки к тексту, теперь текст прокручивается, а фоновые линии остаются в фиксированном положении.

Просто скажите мне ваши предложения, возможно ли прокрутить фоновые строки вместе с текстом?

Вот мой HTML-код ..

<div style="width:500px; height:300px; margin:0px auto; background:#ebebeb;">
<textarea style="width:100%; height:300px; background:url(line.jpg) repeat; line-height:30px; font-size:20px; font-family:Georgia, 'Times New Roman', Times, serif;" name="" cols="" rows=""></textarea>
</div>

и здесь вы можете увидеть изображение - { enter image description here }

Ответы на вопрос(1)

Ваш ответ на вопрос