2010-12-07 244 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>