ホームページ  >  記事  >  ウェブフロントエンド  >  [インタビュー シーズン 3] IE6 の互換性の問題_html/css_WEB-ITnose

[インタビュー シーズン 3] IE6 の互換性の問題_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:36:50879ブラウズ

最近、面接で本当に多くの基本的な質問に遭遇しました。仕事をしていると、ページ上の問題を直感的に見ることができ、デバッグが理解できなくてもコードをデバッグできます。オンラインで確認してください。しかし、面接中はその場で反応し、1、2、3、4、5 を体系的に言えなければなりません。 。 。面接後にイライラしてしまうことがよくあります。 。 。これはまったく当然のことですが、自分でそれを要約しない人はいないでしょうか。昨日、面接から帰ってきたら捻挫をしてしまい、ここ数日療養中です。 さて、記憶力を高めるための基本的な疑問をまとめてみました。

フロントエンドで最も一般的な問題はおそらく単一ではありません。 。 。 IE6 互換性の問題 Xiaogai Children's Shoes はすでに IE6 を放棄しましたが、中国の人々は依然として非常に懐かしいです。 。 。

1 つのドキュメント ステートメント: 私は通常、これを主に 2 つのタイプで作成します。1 つは移行的なもので、もう 1 つは HTML5 ドキュメント ステートメントです。これを書かないと、IE6 の奇妙なモードのトリガー、主にボックス モデルの変更をおめでとうございます。 ;

2 番目のデフォルト スタイル: これは IE6 だけではなく、主にブラウザごとに異なる可能性があるため、デフォルト スタイルのリセットは基本的にデフォルトのルールです。実際のところ、なぜこのような名前が付けられたのかはわかりませんが、これは主に IE6 で同じ方向に移動する要素に二重マージンが発生するという現象を指します。解決策は比較的簡単で、display: inline of を設定することです。フローティング要素です。

4 つの img 画像に a タグを追加すると、境界線が表示されます。

5 つの画像の間に一定の間隔を置きます。デフォルトでは、これはレイアウト中の「復帰」が原因であるため、最初の解決策はレイアウトを犠牲にして復帰を追加しないことです。私は美容家です (? ); 2 つ目は、フローティング ブロック要素と非フローティング ブロック要素の間にギャップがあることです。ブロック要素 float;

li タグは幅と高さを設定しています そして、サブ要素がフロートされた後、li の間にギャップが生じます。最初の解決策は幅と高さを設定しないことです。2 つ目は、幅と高さを設定しないことです。

8 つの IE と FF: カーソル: ハンド (IE); 解決策は、両方を記述することです。

解決策は、ハックを使用して _width と _height を個別に設定することです。IE では、これら 2 つの値はコンテンツに応じて自動的に調整されます。 1 つ目の解決策は、PNG8、Gif などの形式を使用することです。2 つ目は、フィルターを使用することです。長い段落なので、覚えていないので、毎回コピーして貼り付けます。時間。 。 。

イレブン IE6 は不透明度をサポートしていません。解決策はフィルター filter: alpha (opacity=num); を使用することです。

最小高さの問題: 方法があります。空のラベルを使用して浮動小数点数をクリアしますが、IE には最小の高さがあります。以前のインタビューでは、IE6 では下のポップアップ レイヤーが選択ボックスを隠すことができませんでした。その時は、それを見たことがなかったので、それができない場合は選択ボックスを非表示にしました。戻ってきて、これが実際に解決策であることを確認しました。解決策は、最初にここにリストし、時間があるときに書き留めてみます。

IE ハック: _ie6、+ie7、ie8

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