Fix no IE7 para o background-image no input text
Monday, 3 de September de 2007
Se você já usou alguma vez uma imagem para background de um input text, sabe que no IE6, para a imagem não dar scroll quando uma quantidade de texto maior que o tamanho da caixa de texto for digitada, é só declarar background-attachment: fixed. Preferencialmente numa folha de estilos própria para o IE6.
Infelizmente, isso não funciona no IE7.
Até o momento, só há 2 modos de fazer com que a imagem não de scroll junto com o texto.
Primeiro modo, e mais simples e besta: Definir um maxlenght para a caixa de texto do mesmo tamanho da mesma. 
Segundo modo, quando o primeiro modo não for possível:
Coloque um span em volta do input text, e na folha de estilos própria para o IE7, remova o background do input text e coloque no span.
Segue exemplo abaixo:
Exemplo do fix para background-image no IE7
Não é a alternativa mais elegante, mas é a única que eu descobri até o momento.
Se você não quiser “sujar” o html com tags inúteis, você pode colocar os spans via javascript.
Pedro Rogério em 19-10-2007 às 10:40 pm
Boa, dessa eu não sabia, sempre tive problemas com isso e nunca encontrei uma solução!!!!
Vilmondes Eracton em 19-09-2008 às 5:21 pm
Opa! Tbm sempre tive esse problema e não achei uma solução.
Boa idéia!
Valeu!