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

Опитвам се да разреша проблем в IE7.

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

Някой знае ли защо се случва това и какво би било решението?

Благодаря, Джеймс


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


Отговори (3)


Това е проблем, който се случва само с IE 6 и 7, който е разрешен в IE8.

За да разрешите проблема, опитайте да обвиете ‹textarea› в ‹div›. Приложете свойствата на фона и границата на ‹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; }

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

person simnom    schedule 15.06.2010