ホームページ > ウェブフロントエンド > CSSチュートリアル > IE6の3ピクセルバグを解決するCSSの書き方_体験交換

IE6の3ピクセルバグを解決するCSSの書き方_体験交換

WBOY
リリース: 2016-05-16 12:04:15
オリジナル
1913 人が閲覧しました

IE の hasLayout がトリガーされている限り、非フローティング要素はレイアウトを持ちます。したがって、この問題は、IE6 の独自のハック ルールを使用し、そのための別のスタイルを記述することで修正できます:
_zoom:1;
margin-left: value;
_margin-left: value-3px;

IEがLayoutを起動する条件の一つにZoomがありますが、IE独自のCSSルールなのでZoomを使用します。
margin-left: value-3px は、IE6 の 3px のバグを修正します。
以前は、非浮動要素を浮動させる方法を使用してバグを修正していましたが、この新しい方法を試すことができるようになりました。
注: 前のアンダースコアは、IE7 以下のハック用に特別に書かれています。

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