0

全幅に拡大し、ページの下部に（上部に拡張せずに）拡張する画像（imga の背景ではないタグ）が必要です。div

ここで説明されている解決策を試しました: CSS Background to stretch to window bottom?

しかし、私はそれをページに対して100％伸ばし、スクロールバーを作成してページの下に移動するだけです。さまざまなバリエーションを試しました（のmin-height代わりにheight、画像を全幅に戻す（高さを下まで伸ばすことなく）か、画面を超えて伸びます。

効果はそれほど目に見えないかもしれませんが、これまでに持っている CSS と HTML の小さな JSFiddle を用意しました。

http://jsfiddle.net/Sk55Z/

私は何が欠けていますか？

4

1 に答える 1

1

クロスブラウザにするために jQuery Backstretch を調べます。条件付きの html ステートメントを使用して、バックグラウンド カバーに依存して正しい縦横比を維持することもできます。

.iebg {
    position: fixed;
    top: 0; /* here is where you specify how low you want the image to start */
    left: 0;
    width: 100%;
    height: 100%;
}

そのクラスをイメージタグにスローします。

イメージタグのみの例を次に示します。

http://jsfiddle.net/Sk55Z/2/

于 2013-07-17T21:56:54.937 に答える