2010-12-07 158 views
0

我一直在寻找解决方案几个小时了,但似乎没有任何工作。Textarea背景位置固定问题

我有这个<textarea>与一些文字和右侧的滚动条。

<textarea rows="1" style="background: url(http://i35.tinypic.com/4tlkci.jpg) fixed no-repeat;"> 

问题是背景图像滚动时,它应该保持固定。 Safari和Firefox似乎在这一次失败。

也许有人会告诉我正确的方式来使用它,或者可能会发布一些例子,其中背景图像保持固定,而您滚动。

对textarea使用背景图像被认为是一个不好的例子?

+0

如果它看起来好,易于使用,不会混淆用户,没关系。 – zzzzBov 2010-12-07 22:22:04

+0

什么操作系统/浏览器版本你看到失败? – Phrogz 2010-12-07 22:30:58

回答

2

似乎对我试穿所有的浏览器:

http://jsfiddle.net/V4TCP/

如果一切都失败了,你总是可以让它透明,并把它在div

<div style="background: url(http://i35.tinypic.com/4tlkci.jpg) fixed no-repeat;"> 
    <textarea rows="1" style="background: transparent"></textarea> 
</div>