ホームページ > ウェブフロントエンド > CSSチュートリアル > Internet Explorer でドロップダウンが途切れるのはなぜですか? どうすれば修正できますか?

Internet Explorer でドロップダウンが途切れるのはなぜですか? どうすれば修正できますか?

Barbara Streisand
リリース: 2024-11-26 19:28:09
オリジナル
334 人が閲覧しました

Why Do My Dropdowns Cut Off in Internet Explorer, and How Can I Fix It?

IE の固定幅ドロップダウン カットオフ: 解像度

この問題は、ドロップダウン内の一部の選択可能な項目が指定された幅 145 ピクセルを超える場合に発生します。 Firefox では、ドロップダウンは最も長い項目の幅に適応します。ただし、IE6 および IE7 では、ドロップダウンは 145 ピクセルに制限されており、長いテキストは隠されます。

CSS スタイル:

select.center_pull {
    width: 145px;
    /* ... Other CSS properties ... */
}
ログイン後にコピー

HTMLマークアップ:

<select>
ログイン後にコピー

IE 8 ソリューション:

IE 8 では、CSS ベースのソリューションが利用可能です:

select:focus {
    width: auto;
    position: relative;
}
ログイン後にコピー

これにより、ドロップダウンがフォーカスされると、長い項目を収容できるように展開されます。ただし、:focus セレクターは IE 7 以前ではサポートされていません。これらの古いバージョンの場合は、代替ソリューションまたは互換モードが必要になる場合があります。

以上がInternet Explorer でドロップダウンが途切れるのはなぜですか? どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート