2017-12-19 11 views
-4

地球から月に飛ぶ私のウェブページにロケットを作りたいです。背景のために、私はこのような1つの画像を持つことを考えていた: background 。私はこれのすべてにかなり新しいので、私はそれが可能な場合、大きな高さとどのような品質は、背景としての写真の最大量がわからない。バックグラウンドイメージはどれくらいの期間保存できますか?

私はバックグラウンドのサイズ変更をどのように修正して、幅だけでなく高さにも焦点を当てることができるのだろうと思っていました。私はブラウザで幅を完全にしたいだけです。

ありがとうございます。

+0

'バックグラウンド・サイズを使用する必要が

.bg { /* The image used */ background-image: url("image.png"); /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: cover; } 

:カバー;いくつかのあなたのお手伝いをします。しかし現実的には、もっと小さなスライスが必要になるでしょう。 –

+0

ブラウザで背景画像の一部を覆い隠すことはありませんか?スライスとはどういう意味ですか?反応してくれてありがとう! @NiettheDarkAbsol –

+0

'px'の実際のサイズは無関係です。あなたはそれを保つか、無視するようにブラウザに指示することができます。どんなサイズの画像でも、制限なしに(もちろん、技術的境界内で)表示することができます。あなたはそれを歪めるか、元のサイズに保つことができます。実際に、あなたが考えることができるものは何でもできます。さて、 'kb'のサイズに関しては、可能な限り小さなサイズで何か効果を出そうと思うかもしれないので、限られた接続の人は、実際に背景画像を見るのに10分待つ必要はありません。 –

答えて

-2

background-size: cover;を使用して背景を完全に表示します。

+1

'background-image:cover'は**無効**です。おそらく 'background-size:cover'を意味します。これは' background-repeat:no-repeat'を必要としません。なぜなら、サイズをカバーするように設定された背景が繰り返されることは技術的に不可能だからです。要素の全領域私はあなたが '背景:no-repeat 0/contain;'を意味すると仮定します。しかしそれはそれほど単純ではありません。うまく表示するには、要素に「最小高さ」が必要な場合があります。イメージの割合を考慮して、おそらく '200vw'程度です。 –

0

あなたはdivのクラスは、例えば、BG、それを呼び出す作成することによって、それを行うことができます。今、私たちはdivのクラスを設定したことを、我々はそれを

<body> 
    <div class="bg"> 
     /* place page contents here */ 
    </div> 
</body> 
関連する問題