2016-12-20 10 views
0

身体の背景イメージがあり、背景に固定されていて、コンテナが前面にスクロールしています。問題は、画像が画面のサイズに応じて拡大され続けることです。私はそれを修正したいとき。スクリーンサイズに応じて背景画像を作成するにはどうすればよいですか?

私はほとんどすべてを持っています。これはコード、任意の考えですか? :何が必要

body { 

    background:url('http://www.markrehnstrom.com/img/bg-img.jpg'); 
    background-image: url('http://www.markrehnstrom.com/img/bg-img.jpg'); 
    background-attachment:scroll; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover 100%; 
    background-origin: content-box; 
    overflow-x:hidden; 
    float:left; 


} 

.background-img:after{ 
    background-position:left; 
    width:90%; 
    height:90%; 

    } 

答えて

0

80px 60pxのような固定値に変更しbackground-size、または。

これを行うと、ウィンドウのサイズをどれだけ変更しても、イメージのサイズは固定されたままになります。

例えば:私は提案しないときhttp://www.w3schools.com/cssref/css3_pr_background-size.asp

+0

、白の背景色が右側に表示されます:background-size: 80px 60px;また

は、このリンクをチェックしてください。他のテクニック? –

+0

スクリーンショットをアップロードできますか?それはあなたの問題が何であるかを見るのを助けるでしょう、あなたのhtmlがここにないので... – AbhigyanC

+0

また、あなたの写真は黒い背景を持っていると考えると、 'background-color:black;'それを試してみてください。 – AbhigyanC

関連する問題