コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > IE6 の選択貫通の問題 (div の配置では選択をカバーできない)!_html/css_WEB-ITnose

IE6 の選択貫通の問題 (div の配置では選択をカバーできない)!_html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:54:02
オリジナル
1277 人が閲覧しました

この問題については長い間聞いていましたが、私は直接遭遇したことがないので、これらの問題にはあまり注意を払っていません。

今回ようやくIEの実力が分かりました。IEのバージョンはIE11であるとIEのオプションに明記されていますが、Microsoftが毎日さまざまなウィンドウアップデートで解決しているのも不思議ではありません。

この問題の解決策は非常に簡単です。表示したいコンテンツの後ろに iframe を追加し、選択範囲をブロックして、それを透過させないようにするだけです。

次の HTML:

<body>	<div>		<select>			<option value="">select穿透问题</option>			<option value="">select穿透问题</option>		</select>	</div>	<div class="wrap" style="position:relative;width:200px;height:200px;">		<div class="content">需要显示的内容</div>		<iframe class="ie-select-iframe" style="position:absolute;top:0;left:0;z-index:-1;width:200px;" scrolling="no" frameborder="0"></iframe>	</div></body>
ログイン後にコピー
ここで注意する必要があるのは次のとおりです:

1 ラップは単なるコンテナなので、ボーダーなどのスタイルはここに配置しない方がよいです。この div は select によって貫通されるためです。 。

2 iframe の幅には 100% を指定するのが最善ですが、html と 両方に height: 100% を指定する必要があるようです。それ以外の場合、ie6 では無効です。

関連ラベル：
IE6 select穿透问题(div 定位无法遮盖select)!
ソース：php.cn
前の記事：選択オプションの概要Exception_html/css_WEB-ITnose 次の記事：【html】アンカーポイントについて_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
3
2062
Google Chromeのモバイル版を表示する方法 こんにちは、先生、Google Chrome をモバイル版に変更するにはどうすればよいですか?
から 2024-04-23 00:22:19
0
11
2222
子ウィンドウは親ウィンドウを操作しますが、出力は応答しません。 最初の 2 つの文は実行可能ですが、最後の文は実装できません。
から 2024-04-19 15:37:47
0
1
1872
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1753
CSS マインド マッピングに関するコースウェアはどこにありますか? コースウェア
から 2024-04-16 10:10:18
0
0
1781
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート