2016-05-09 2 views
-1

私は自分のウェブサイト用のセクションを作成しました。今度は、私のセクションに任意の解像度でフィットするセクションの背景イメージが必要です。私はとても多くのことを試みました。バックグラウンドイメージをセクションに拡大 - ブートストラップ

しかし、運は一切ありません。私は問題が私のイメージの解決かcssか分からない。

<section class="expertise-bg"></section>  

http://codepen.io/jayDilz/pen/zqeJQo 

私はここで何が欠けていますか?

+0

質問を求めるヘルプには、質問自体**にそれを再現するのに必要な最短のコードが含まれている必要があります。あなたは[**サンプルまたはサイトへのリンク**]を提供していますが(http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-リンクが無効になる場合、あなたの質問は、同じ問題を抱える将来の他のSOユーザにとっては価値がないでしょう。 –

+1

'background-size:cover'は動作しませんか? –

+0

として@Paulie_Dはhttp://codepen.io/gc-nomade/pen/ZWwqQpと最終的なポジション –

答えて

2

background-size: coverを設定することができますが、異なる解像度のアスペクト比でフレームから背景が切り取られます。

.expertise-bg{ 
    background: url("http://i63.tinypic.com/jkcfhu.jpg"); 
    background-size: cover; 
} 

背景が小さい決議に悪いに見えるようにあなたが感じる場合は、それを解決し、(他の視点と、小さい)異なる画像をロードするためにメディアクエリを設定することができます。

関連する問題