2017-12-23 52 views
-1

私はウェブサイトを作っていますが、背景に問題があります。私は{background-size:cover;}を使って背景を画面いっぱいにする。しかし、背景画像が画面よりも大きい場合、画像の小さな部分しか見ることができません。私は画面の背景を調整したい:私は空白を見たくないが、私はできるだけ多くの画像を見たいと思う。私は何を検索するのか本当にわからないし、これを解決するための答えを見つけることができない。私を助けることができる人はいますか?CSSの問題:背景よりも背が高い背景

つまり、複数の背景があります。ランダムなものが選択されて表示されます。だから私は背景が完全に画面に合うようにし、可能な限りイメージの量を減らしたい。背景サイズのカバーでは、選択された画像が例としてUHDの場合、背景は画面に対応する左上のピクセル(1920x1080)のみになります。しかし、私は画面の幅や高さに合わせて(小さく、適応性があるように)、ほぼ完全な画像を表示します。ここで

は、CSSのコードです:

body { 
    background: url('https://profuder.com/images/backgrounds/8.jpg'); 
    background-size: cover; 
} 

この画像に大きいので、私は唯一の左上を参照してください。

ありがとうございました。

+2

[CSSイメージサイズ、埋め込み方法、伸ばすことはできませんか?](https://stackoverflow.com/questions/11757537/css-image-size-how-to-fill-not-stretch) – Daniel

+2

なしコード、誰もあなたを助けません –

+1

私たちとあなた自身のコードを共有しようとすると助けてくれるでしょう –

答えて

0

私は私の問題を解決しました。

私は本当に知らない、なぜ私は、ランダムなバックグラウンドを見つけるために使用されるJavaScriptは、CSSファイルで初期

background-size: cover; 

を削除しました。

だから、僕はあなたの助けとコードの不足のため申し訳ありませんのために新しいランダム背景

document.body.style.background = "url('" + randomImage + "') no-repeat 0 0"; 


感謝を適用するにはちょうど私のコードの後に​​

document.body.style.backgroundSize = "cover"; 

を追加しました。

よろしく、
バスティアン。