2017-02-22 1 views
-2

背景画像を使用する最良の方法はどれですか?ショートカットプロパティまたはデフォルトプロパティ背景画像を使用する最良の方法はどれですか?ショートカットプロパティまたはデフォルトプロパティ

+0

に出かけるあちこちに私は信用を取ることはありません。 – BFG

+0

お返事ありがとうございます。古いブラウザや現代のブラウザについては少し心配しています。IEなどは、短手の財産をサポートしていますか? –

+0

ブラウザのサポートに問題はないはずですので、どの方法を選択するかはあなた次第です。 – BFG

答えて

0

個人的には、あなたのスタイルシートをもっときれいに見せるので、私は簡略化したほうが好きです。 CSSを使い始めるときは、おそらくデフォルトが良いでしょうが、CSSに慣れたら、簡単に記しておきます。

私たちの人間はすべて怠け者です。簡略化プロパティ - > Lesser code - > cleaner &スタイルシートのメンテナンスが容易 - >もっと幸せな生活!

+0

私はブラウザの互換性について考えていました。ショートハンドプロパティはIEのブラウザのような古いブラウザで私たちのコードをこすっている間に問題を引き起こすかもしれませんか?あなたはcmpatibilityの問題があると思いますか?バックグラウンドの通常使用の代わりに短手のプロパティを使って..... –

+0

私が知っている限り、ショートハンドと互換性の問題はありません。 [Mozilla](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties )docsでは、省略表現を使用することをお勧めします。 CSSを定期的に作成し始めると、[sass](http://sass-lang.com/)に出くわします。 –

0

これは私が画像の背景を使用する最善の方法だと思います。私はそれを数回使用しました。それは完全な信用は、私は、これは主に意見をベースだと思うが、それは価値がある何のために、私は「通常」の方法に比べ速記方法読みにくく見つけるhttps://css-tricks.com/perfect-full-page-background-image/

html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
} 
+0

リンクをありがとう、私はその記事を読んで、ブラウザの互換性に関するすべての混乱を解消しました。 –

関連する問題