Textarea背景圖像在文本超出高度時滾動

Question

我正試圖解決IE7中的問題。

我的文本區域背後有一個背景圖像，當文本超出文本區域的高度並隨文本一起滾動時，文本區域會隨文本一起滾動。

任何人都知道爲什麼會發生這種情況，這將是什麼解決方案？

謝謝， 詹姆斯

Answer 1

這是一個問題，只發生在IE8和IE8中解決的IE6和IE7中。

要解決此問題，請嘗試將<textarea>包裝在<div>中。將<textarea>的背景和邊框屬性應用於<div>，然後將<textarea>的邊框和背景設置爲none。

你可能仍然需要調整保證金和兩個<DIV>填充和< textarea的>讓它看起來剛剛好，但現在你應該在正確的方向指出。

Answer 2

你有沒有嘗試設置background-position到background-position: top center;？
（或者類似background-position: 50px center;。）

Answer 3

使用：

textarea { background: transparent url(/images/test-bg.jpg) no-repeat top left; width: 500px; height: 230px; } 

應該給你固定到textarea的框的左上角當文本超過初始尺寸是固定的背景圖像。