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

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

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

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

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


person Sixfoot Studio    schedule 15.06.2010    source источник


Ответы (3)


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

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

Вам, вероятно, все еще придется настроить поля и отступы как для ‹div›, так и для ‹textarea›, чтобы они выглядели правильно, но теперь вы должны указать правильное направление.

person WNRosenberg    schedule 17.06.2010
comment
У меня такая же проблема с IE10 при использовании IETester. - person John Magnolia; 16.07.2011

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

person ANeves thinks SE is evil    schedule 15.06.2010

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

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

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

person simnom    schedule 15.06.2010