ホームページ  >  記事  >  ウェブフロントエンド  >  IE6入力の場合、幅を設定してさらに文字を入力すると入力がブロックされてしまうのでしょうか? _html/css_WEB-ITnose

IE6入力の場合、幅を設定してさらに文字を入力すると入力がブロックされてしまうのでしょうか? _html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 12:14:011165ブラウズ


.se_name{ width: 110px; height: 23px; url(../images/search_bg.jpg) -repeat; color: #c0c0c0; border: none; margin-right: 23px; padding-left: 4px;}


設定された幅を超えない場合は、通常
IE6 では、入力文字が設定幅を超えると左に追い込まれてしまいます

この問題の解決方法


ディスカッションに返信 (解決策)

HTML を再構築します



HTML をリファクタリングします


つまり、今、正常に表示され始めると、この画像になります

文字数を入れすぎると、こうなります


テキストボックスの幅(幅)を適切な値に設定します。ただし、border:0 と背景画像を使用する場合、テキスト ボックスの幅を 100 ピクセルに設定し、標準のブラウザでボックス モデルを表示する場合、テキスト ボックスの境界線を正確に制御することは困難です。 widthは100pxになりますが、IE6では/7/8以下のビューは102pxとなり、ブラウザによって違いがあります。

今十分注意して見ていなかったのですが、すでに幅の値が設定されていることがわかりました。 IETesterのIE6.0モードでテストしたところ、背景画像の枠幅は設定幅の110pxと同じでしたか?

背景添付属性を固定に設定します

背景: url(../images/search_bg.jpg) no-repeat fixed

希望する効果が得られるでしょうか?



背景添付属性を固定に設定します。
背景: url(../images/search_bg.jpg) no-repeat fixed

希望する効果が得られるでしょうか?

ありがとう、解決しました

テキスト ボックスに適切な幅の値を設定します。ただし、border:0 と背景画像を使用する場合、テキスト ボックスの幅を 100 ピクセルに設定し、標準のブラウザでボックス モデルを表示する場合、テキスト ボックスの境界線を正確に制御することは困難です。 widthは100pxになりますが、IE6では/7/8以下のビューは102pxとなり、ブラウザによって違いがあります。
説明ありがとうございます。私はまだこれに気づきませんでした

では、テキスト ボックスの背景は Firefox でも表示されたままですか?

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。