ホームページ >ウェブフロントエンド >CSSチュートリアル >Firefox 2の入力ボックスでカーソルが消失するバグの解決策_Experience Exchange
幸いなことに、このバグは Firefox3 で解決されましたが、Firefox3 はまだベータ段階にあり、Firefox2 を置き換えるにはまだ時間がかかります。この問題については以下で詳しく説明します。
1. スタイルは { Position:absolute; }コンテナ内のフォーム入力ボックスは、{overflow:auto;} に似たスタイルのコンテナ領域でカーソルを失います
例 1 ~ 6 を通じて、最も一般的な状況について学ぶことができます。
本文全体をカーソルなしで表示したい場合は、html と本文の 2 つのコンテナを設定できます。例を参照してください。このバグの原因となる可能性のあるすべてのオーバーフロー属性には、例の overflow:auto:
overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow: が含まれます。スクロール ;
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
オーバーフロー属性を回避する以外の解決策:
overflow:hidden を使用してバグのあるオーバーフロー属性を置き換えます。
上記のオーバーフロー属性を持つコンテナにposition:relativeを追加します。例を参照してください。
同じオーバーフロー属性を positon:absolute のコンテナに追加し、それがページに表示される順序に注意してください。例 4 を参照してください。
バグを引き起こす可能性があるオーバーフロー属性を使用するコンテナには適切なタグを選択してください、フィールドセットなど。例 6 を参照してください。
2. スタイル {position:absolute;} を持つコンテナ内のフォーム入力ボックスは、iframe コンテナ領域のカーソルを失います。
この状況は例 7 で理解できます。 IE6 のドロップダウン リストのレベルが高すぎる問題を解決するには、多くの場合 iframe でカバーする必要がありますが、ブラウザーの制限を設定しないと、上記の問題が発生することがあります。
Firefox2 には iframe の処理に多くのバグがあるようです。たとえば、以前、Firefox が復帰したときの iframe の表示にバグがあることを発見しました。