Textarea背景位置固定问题

时间:2010-12-07 22:11:51

标签: css

我现在一直在寻找解决方案几个小时,但似乎没有任何效果。

我的<textarea>有一些文字和右边的滚动条。

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

问题是当背景图像保持固定时,背景图像会滚动滚动。 Safari和Firefox似乎都失败了。

也许有人可以告诉我使用它的正确方法,或者发布一些示例,其中滚动时背景图像保持固定。

使用textarea的背景图像被视为一个不好的例子吗?

1 个答案:

答案 0 :(得分: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>