Home/ Questions/Q 8087113
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T18:40:10+00:00

Textarea background image scrolling when entering more text in ie8, i have used sprite

  • 0

Textarea background image scrolling when entering more text in ie8, i have used sprite concept in css so when entered text more its showing another image as background

textarea{
  border:0 none; 
  background:url(../images/sprite.png) no-repeat -272px -63px; 
  max-height:80px; 
  max-width:191px; 
  overflow-y: auto;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Since Microsoft “corrected” the background attachment issues with IE7 and now is no way of having an overflow of text in a input or textarea element and not having the background scroll with the text, and if you try “background-attachment: fixed;” the background doesn’t even display. Because is no really css hack what fix the problem, you need to think out of css. Instead to style just the textarea element, make a supplementary div like container for textarea and apply the background image to the div, instead to textarea. Let the textarea without border and background to make a proper overlay. so i am using code like this

    .textarea_div{background:url(../images/sprite.png) no-repeat -272px -63px;}
textarea{border:0 none; 
max-height:80px; 
min-height:80px; 
max-width:191px; 
min-width:191px;}

    HTML

    <div class="textarea"><textarea></textarea></div>
    • 0