The following code displays a textarea with an image in the bottom-right corner. However, it doesn’t stay put when the user begins scrolling up and down the field.
<textarea cols="75" rows="7" style="width: 95%; height: 100px;" name="message" tabindex="1" style="background: url(image.png) no-repeat;background-position:right bottom;"></textarea>
So after searching the web for a solution, I added a “background-attachment:fixed” property, as shown here:
<textarea cols="75" rows="7" style="width: 95%; height: 100px;" name="message" tabindex="1" style="background: url(image.png) no-repeat;background-position:right bottom;background-attachment:fixed;"></textarea>
But now the image doesn’t display at all!
Anyone know where I’m going wrong? Apart from using Internet Explorer 7 of course… (I haven’t been able to test in other browsers yet.) Any advice appreciated.