ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML CSSで位置決めやフィルターを細かく決定

HTML CSSで位置決めやフィルターを細かく決定

高洛峰
高洛峰オリジナル
2017-03-31 11:17:312023ブラウズ

1.position:relative; 相対配置

は要素自体の特性には影響しません。

配置オフセットがない場合、要素には影響しません。それ自体;

は位置決めされた要素の位置を制御します: 上/右/下/左;

IE6 での親のオーバーフロー: サブセットをカバーできない相対的な位置決めです。

IE6 での要素の配置 親の幅と高さが両方とも奇数の場合、配置された要素の下部と右側には

1px

2.position:absolute; の偏差が生じます。

要素をドキュメント フローから作成できます

、幅と高さのインライン サポートを有効にできます。

ブロック属性ラベルのコンテンツの幅。デフォルトでは、配置された要素の後者のレベルが前者よりも高くなります。ドキュメント全体を基準とした位置オフセット

位置設定の親が存在する場合は、位置を設定した親を基準にオフセットされます。そうでない場合、親の位置はドキュメントを基準としてオフセットされます

相対位置設定は通常、 と組み合わせて使用​​されます。絶対配置 (よく使用されます)

フロートをクリアするために使用できます

要素をドキュメント フローから作成できます

ドキュメント全体に対する相対的な位置オフセット。

絶対位置設定との違い: 位置決め親は固定位置設定には影響せず、常にドキュメント上で実行されます

問題: IE6 は互換性がありません。固定位置決め

浮動小数点をクリアするために使用できます

4.position:static; デフォルトでは位置決めなし

5.position:inherit: 継承; 基本的に仕事では役に立ちません

4.z-index:[number];位置決めレベルz-index:1;

body

5. フィルター、不透明度 opacity: 0~1; IE プライベートフィルター filter:alpha(opacity= 0~100)

以上がHTML CSSで位置決めやフィルターを細かく決定の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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