2016-05-27 19 views
0

マイ画像:http://path.com.my/v2/wp-content/uploads/2016/05/Home-Page-Banner-B.jpg ウェブサイト:http://path.com.my/v2/ チェック第二スライド背景イメージ(CSS)

スライダー画像、関係なく、私が入れた画像のどの解像度、それはまだ「ズームしない」になります中心部ではあまりにも多くの細部を切った。画像のアスペクト比を変更しても、どちらもうまくいかないようです。

background-size:coverを使用しようとしましたが、側面に空白が残っていて、別の画面サイズでもうまく動作しません。

これを最も効果的に達成するためのアイデアは、私が作った画像を最小限に抑えたりズームインしたりできますか?

+0

私はあなたのウェブページ上のスライダーが表示されていないと、このデザインが応答すると反対です。 – Frutis

+0

@Frutis申し訳ありませんが、リンクを再編集してください。http://path.com.my/v2 – TheDarkKnight

+0

この画像を置いた後で、画像の高さを300pxにするか、全幅が必要な場合は幅を追加します:100 %;高さ:300ピクセル;オブジェクトフィット:カバー; imgのスタイル –

答えて

0

次のことを試してみてください。

.home #content .slide { 
    /*[...]*/ 
    background-attachment: fixed; 
    background-size: 87%; 
    background-position: 250px 0; 
} 
+0

これはデスクトップやラップトップでうまく動作しますが、モバイルビューで大きな空白が残っています。これは1280pxの最小幅でメディアを定義しています。 – TheDarkKnight