カバーイメージをバックグラウンドに配置する方法は？

Question

私はこのコードで私のdivの背景に画像を配置した：

background: url(../images/cover-image.jpg) no-repeat 50% 100% fixed; 
-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 
height: 30rem; 

しかし、私の問題は、今私はdivの中に画像の表示部分を移動すること、です。画像の下部はdivの下部にあるはずですが、background:（center bottom,50% 100%など）の文ですべてを変更できますが、何も起こりません。

誰でも私にヒントを教えてもらえますか？

Answer 1

は

background-position: center bottom; 

Answer 2

背景サイズを使用してみてください：カバーは、背景画像は常にあなたのdiv要素の完全な幅と高さを取ることを意味します。

あなたがそれらの部分を削除した場合に動作する必要があります

-webkit-background-size: cover; 
-moz-background-size: cover; 
-o-background-size: cover; 
background-size: cover; 

Answer 3

あなたは「背景」、減速中の他のスタイルを削除し、ちょうど置く必要があります。

background-position:bottom; 

はここにフィドルを参照してください。https://jsfiddle.net/xerf3z5j/

を

Answer 4

1行で、これは次のようになります。

background: transparent url(../images/cover-image.jpg) center bottom/cover no-repeat fixed;