0

すみません、最初の質問です。私は試行錯誤によってこれらすべてを学んでいます。とにかく、この1つのスクリプトを複製する方法がわかりません。

私がやろうとしているのは、javascriptなどを使用して、ウィンドウのサイズに基づいてそのdiv内のdivとbgイメージを拡張することです。私がやろうとしていることの例については、42floorsをチェックしてください。

私のプロジェクトが形成されました

/* header */

/* I want to expand dynamically */
<div>

/*Content area with title showing at bottom like example site, even when window is expanded. */
<div>

/* footer */

洞察や方向性は非常に役立ちます。ありがとう。

4

3 に答える 3

1

ソースコードを見てください。彼らは以下を使用しています：

#container {
  width: 100%;
  background: url(your-image.png);
  background-size: 100%;
}

background-sizeIE6-8 ではサポートされていないことに注意してください。

于 2013-03-11T21:14:49.757 に答える
0

http://johnpatrickgiven.com/jquery/background-resize/完全なサポートについては、上記のように、 * * IE < 9 について* * を指定しない場合、background-size はオプションです

于 2013-03-11T21:28:17.470 に答える
0

かなり単純なプログラムによるアプローチは、ウィンドウのサイズ変更イベントにイベント リスナーを追加し、高さ/幅を計算し、画像/div を適切にサイズ変更することです。

$(document).ready(function(){
    $(window).resize(function(){
        //change the size of your div using something like
        $(div).css("width", value);
        $(div).css("height", value);
    });
});

ちなみにこれはJqueryを使用しています。http://code.jquery.com/jquery-1.9.1.min.js

于 2013-03-11T22:10:53.480 に答える