0

ボディの高さ全体ではなく、div にbackstrech プラグインを適用するにはどうすればよいですか? 誰かがすでにこのようなことをしたかどうかを調べましたが、見つかりませんでした。

HTML:

<div id="header"></div>
<div id="content"><!-- div is 100% width - here is where I want to apply the backstrech --></div>
<div id="footer"></div>
4

3 に答える 3

2

このままでは、できません。

バックストレッチ プラグインはセレクターを受け入れません。

github でプロジェクトをフォークして、このサポートを追加できます。私はそれがあまりにも難しいとは思わないでしょう。

アップデート

ソースコードを見ると、これを行う別の方法が 1 つあります。

プラグインは「backstretch」の ID を持つ要素を探し、これを div の ID として指定すると、プラグインは本体ではなく div にデータを入力します。

例

于 2012-07-26T12:47:41.093 に答える
1

私の最初の推測は、https://github.com/srobbin/jquery-backstretch/blob/master/jquery.backstretch.jsの 138 行目を次のように変更$("body").append($container);することです。$("#content").append($container);

このプラグインを使用したことがないことに注意してください。機能しないか、より簡単な方法である可能性があります。

于 2012-07-26T12:47:24.827 に答える
1

背景画像のストレッチにプラグインを使用する必要はありません。CSS3 background-size: cover プロパティを使用して CSS で実行できます。IE の場合は、このソリューションを使用できます。

CSS3 背景サイズ

于 2012-07-26T12:48:40.737 に答える