ホームページ > 記事 > ウェブフロントエンド > DIV+CSS は IE6、IE7、IE8、FF の互換性の問題を解決します_html/css_WEB-ITnose
DIV+CSS は IE6、IE7、IE8、FF の互換性の問題を解決します_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:31:06956ブラウズ
1. IE8 での互換性の問題。これは最もよく解決されます。IE7 互換性に変換するだけです。以下のコードを先頭に追加し、IE7で互換性がある限りIE8でも互換性があります
2.floot フローティングは、IE6 で二重マージンの問題を引き起こします。これは、
margin-left:10px ! important;/*IE7、IE8、FF など、最も一般的であり、これに対処するのに最適です。 is 10PX*/ ;
margin-left:5px;/*IE6で記述した属性は5PXですが、10px
と表示されます3.ブロック後の浮き上がりによるブロックを解消できます。 DIV背景を塗りつぶした場合、画像を塗りつぶしたり塗りつぶしたりすると、背景が切れたり、小さな斑点ができたりする場合があります。この種の互換性は、これまでに 2 回しか発生していません。その方法は、中国語で互換性のある DIV が表示される場所に、display: block またはその他の属性を記述することです。私は英語が苦手ですが、目的の効果を達成できます。 6 e" Z+ e% |8 G# |
4。DIV+CSS を使用すると、多くの友人がこれを目にします。いくつかの IE ブラウザでは正常に動作しますが、FF では動作します。問題が発生しました。IE7 と互換性がなくなりました。この方法を使用したのですが、プロパティに問題があるようです。 *、&、￥、#、@、?、+ などの記号を先頭に追加します。記号を含む属性は IE ブラウザーでのみ認識されますが、FF では認識されません。方法は次のとおりです (署名付き属性と署名なし属性に注意してください)。 . order)
height:100px;/*FF では高さ 100 を表示*/
+height:120px;/*IE678 では高さ 120 を表示*/
5. DIV がフローティングであり、次の DIV は当初は下に表示されるはずでしたが、最終的には FF で発生します。解決策は、フローティング DIV を先頭に設定することです。以下のように、CSS に「clear:both;」と記述します
6. 次に、センタリングの問題があります。主な理由は、初心者がボックス モデルをよく理解していないことです。ページにセンターがないことがわかった場合は、次のような理由が考えられます。 1. 1 つは、すべての要素を含む BODY の後の大きな DIV が存在しないことです。 2. あなたはそれを書きませんでしたが、幅は絶対幅を使用しません。代わりに、ゲームでは絶対幅を使用する必要があります -
7.デザイン中に IE6、IE7、および FF で 3 回発生します。IE6 では背景が赤、FF では背景が青、IE7 では背景が緑色になります。ここでは、互換性のある方法を使用して試してみましたが、問題ありませんでした。 I
background:red;/*FF で表示される赤*/
+background:blue !重要;/*IE7 で表示される青*/
+background:green; /*IE6 では緑色で表示* /
ここで言いたいのは、互換性は多くの憂鬱をもたらし、人々を動揺させるが、同時に、それをやりすぎると、互換性によって満足できることもあるということです。最後のエフェクトと同様に、互換性メソッドを使用せずにそのようなエフェクトを実現したい場合は、FF と IE の違いについても考慮する必要があります。 JSの互換性についてはもちろん勉強したことがありません。将来のために、まずは CSS+DIV を学びましょう。
もっとやって、練習して、常にボックスモデルを頭の中に入れておいてください。そうすることで初めて、ボックスモデルを自由に使用できるようになり、それを実行するときにどこに互換性の問題があるのかが自然にわかり、最も重要な問題が解決されます。テスト前の一般的な互換性の問題。