CSSで背景画像を中央揃えにする方法

例のサイトの構築ですが少しずつ続けています。
まだ予定であって実際に稼動するかどうかアヤシイんですけどね。(;´Д`)
そしてCSS編集中に背景画像を中央揃えにする方法がわからず獣ちゃっとで質問すると、Mスターのあのお方から教えてもらえたのでメモしておきます。 (゚ー゚*)

body
{
margin:0;
padding:0;
text-align:center;
background-repeat: no-repeat;
background-position: center center;
background-image:url(../image.jpg)
background-attachment:fixed;
}

これで中央揃えにできるらしいけど、一部ブラウザでは誤動作するとかなんとか。
今回は元々のCSSに「background-position: center center; 」だけ追記しました。
attachmentに関する項目は定義していないみたいだけど今のところ問題ないようなのでいいかな?

Nucleus CMS · 未分類
いいね!   0
Loading...

関連

コメントを残す

メールアドレスが公開されることはありません。