私は数時間の解決策を探していましたが、何も動作していないようです。Textareaバックグラウンドの固定問題
私はこれを持っています<textarea>テキストとスクロールバーが右側にあります。
<textarea rows="1" style="background: url(http://i35.tinypic.com/4tlkci.jpg) fixed no-repeat;">
問題は、固定したままにする必要がある場合、背景画像がスクロールでスクロールすることです。 SafariとFirefoxはこれで失敗するようです。
誰かがこれを使う正しい方法を教えてくれたり、スクロールしている間に背景イメージが固定されたままの例を投稿したりしているかもしれません。
テキストエリアの背景画像を使用しているのは悪い例だと考えられていますか？
私は試着すべてのブラウザで動作するようです：
他のすべてが失敗した場合、あなたは常にそれを透明にし、divの上にそれを置くことができます。
<div style="background: url(http://i35.tinypic.com/4tlkci.jpg) fixed no-repeat;">
<textarea rows="1" style="background: transparent"></textarea>
</div>
あなたが私に与えたリンクは、テキストエリアに背景画像を表示しますが、テキストを数行入力してスクロールすると、画像は同じままです。 私が下にスクロールしながらそれが上に移動したい。私のブラウザはFirefoxです – raf48
私はMAC OS X 10.6を持っています。また、サファリブラウザはFirefoxと同じように表示されます – raf48
ああ、私はあなたが運がないと思う。 IEはいくつかの設定でテキストエリアの背景画像を間違ってスクロールします。 CSS 2.1仕様によれば、背景はテキスト入力でスクロールしないでください。 http://www.w3.org/TR/CSS21/colors.html#propdef-background-attachment –
それが見えた場合良い、使いやすい、ユーザーを混乱させない、それは大丈夫です。 – zzzzBov
どのOS /ブラウザのバージョンで障害が発生していますか？ – Phrogz