Текстовое фоновое изображение прокручивается, когда текст превышает высоту

Question

Я пытаюсь решить проблему в IE7.

Моя текстовая область имеет фоновое изображение, которое затем прокручивается вместе с текстом, когда текст превышает высоту текстовой области, и начинает прокручивать текст.

Кто-нибудь знает, почему это происходит и каково это решение?

Спасибо, Джеймс

Answer 1

Эта проблема возникает только в IE 6 и 7, которая была решена в IE8.

Чтобы решить эту проблему, попробуйте заключить в .Примените свойства фона и границы к , затем установите для границы и фона значение none.

Возможно, вам все равно придется настроить поля и отступыи

, и , чтобы все выглядело правильно, но теперь вы должны быть направлены в правильном направлении.

Answer 2

Использование:

textarea { background: transparent url(/images/test-bg.jpg) no-repeat top left; width: 500px; height: 230px; }

должно дать вам фоновое изображение, которое фиксируется в левом верхнем углу поля текстовой области, которое фиксируется, когда текст превышает исходные размеры.

Answer 3

Вы пытались установить background-position в background-position: top center;?
(или что-то вроде background-position: 50px center;.)