Webgyani logo

A cognitive perspective on web

Tag Archives Textarea

IE textarea background image problem

Internet Explorer has a problem in setting background image to textarea, the scrolling mechanism as implemented by the browser is buggy while all other browsers handle it properly, IE fails naturally . The problem is if you set a background image to textarea and when you scroll the textarea the background image also scrolls, this behavior is incorrect because as far as I can recall an element background should only scroll with regards to the viewport. The easiest way to reproduce this bug is to use a vertical “sprite” image as the textarea background and set background-repeat to “no-repeat“, background-attachment to “scroll“, also apply position values to display part of image and try to enter multiline text in the box you can see the bug in IE. The only fix is that to set the background-attachment value to “fixed” which eventually solves the problem. This problem may be present in [Continue... ]

Also tagged: , , ,

Categories