画像サイズは、画面サイズに基づいて画像表示を中央に自動的に、変更されません。

背景のプロパティ

画像の背景:URL( '../ IMG / 1_1.jpg');    <! - 背景画像のパス- > 
背景-REPEAT:REPEAT-NO;    <! - 背景画像が繰り返し表示される- > 
バックグラウンド位置:センター;    <! - 背景画像はdiv要素よりも小さい場合は、中心に- > 
背景-添付ファイル:固定;    <! - 背景イメージが固定され、ノードラッグスクロール変化に- >

中心に

親血管

スタイル= "オーバーフロー-X:隠されました"

子容器

位置:絶対;左:50%;トップ:0%;      <! - スクリーン幅の50%のdivの左方向への移動- > 
のmargin-left:-960px;マージントップ:0PX;     <! - DIV左運動自体の幅の50%- >

隠された隠された:子コンテナはなく、余分なものを親コンテナのオーバーフロー-Xに依存する権利上、中央に配置されます。

HTML&CSS

< ボディスタイル= "オーバーフロー-X:隠されました" >

    <! - 
    背景アタッチメント:固定;
     - > 
    < divのスタイル= "幅:1920px;高さ:1420px;
     位置:絶対; 左:50%; トップ:0%。
     margin-left:-960px; マージントップ:0PX。
     背景画像:のURL( '../ IMG / 1_1.jpg');
     背景リピート:なしリピート;
     背景の位置:センター;」> 
    </ DIV > 
</ ボディ>

これは、中心の絵の効果を達成することができます。

 

おすすめ

転載: www.cnblogs.com/aeolian/p/12124009.html