0

ie8でより多くのテキストを入力すると、Textareaの背景画像がスクロールします。cssでスプライトの概念を使用しているため、テキストを入力すると、別の画像が背景として表示されます。

textarea{
  border:0 none; 
  background:url(../images/sprite.png) no-repeat -272px -63px; 
  max-height:80px; 
  max-width:191px; 
  overflow-y: auto;
}
4

3 に答える 3

0

Use this: 

background:fixed url(../images/sprite.png) no-repeat -272px -63px;
于 2012-06-18T09:42:14.083 に答える
0

MicrosoftはIE7の背景添付ファイルの問題を「修正」したため、inputまたはtextarea要素にテキストがオーバーフローし、背景がテキストとともにスクロールしないようにする方法はありません。「background-attachment：fixed;」を試してみてください。背景も表示されません。問題を解決するのは実際にはcssハックではないため、cssについて考える必要があります。textarea要素だけをスタイル設定する代わりに、textareaのコンテナーのような補足divを作成し、textareaではなくdivに背景画像を適用します。適切なオーバーレイを作成するために、境界線と背景のないテキストエリアを作成します。だから私はこのようなコードを使用しています

.textarea_div{background:url(../images/sprite.png) no-repeat -272px -63px;}
textarea{border:0 none; 
max-height:80px; 
min-height:80px; 
max-width:191px; 
min-width:191px;}

HTML

<div class="textarea"><textarea></textarea></div>
于 2012-06-18T09:52:29.160 に答える
0

質問を誤解した場合は事前に申し訳ありません。

これが必要ですか。次のURLをクリックして、IE8のデモを参照してください。

http://jsfiddle.net/rathoreahsan/MmVwA/4/

于 2012-06-18T10:05:45.820 に答える