0

この Web サイトhttp://www.rallypoint.comは、背景画像をどのようにスケーリングしますか?

  • ブラウザのサイズを変更すると、div 要素の高さの css 属性が変化するのがわかるので、バックグラウンドで動作している何らかの JavaScript であると想定しています。

ここに画像の説明を入力

  • 本文に表示される JavaScript 関数は新しい Slider ですが、関連していないように見える JQuery UI Slider を除いて、Web 上のどこにも参照が見つかりません。それは彼らが書いたカスタム関数ですか?

ここに画像の説明を入力

4

3 に答える 3

3

「background-size」CSS3 属性を使用します。

background-size: cover !important;

それについてもっと読む: http://www.css3.info/preview/background-size/

于 2013-01-23T19:57:45.153 に答える
2

まあ、あなたが望む結果を得るための方法は確かに複数あります。私はこれが一番役に立ちました...

完璧なフルページの背景画像

于 2013-01-23T20:00:12.110 に答える
1

それはFLUIDレイアウトと呼ばれます....そしてそれはCSSに依存しており、javascriptではありませんブーツストラップやその他のCSSプロパティについて少し読んでください

ちなみに、ここでは CSS で background-position が 50% になっていることがわかります (chrome 開発ツールの使い方を学ぶ)...それがヒントです

于 2013-01-23T20:04:57.767 に答える