1

私は、新しいものを実装しようとして夢中になるのに十分な HTML / CSS を理解し始めたところです。

ビューポートに合わせてサイズが変更される全幅/高さの背景画像を持つランディング ページを作成しようとしています。CSS フレームワークを使用していない場合、これは簡単な提案ですが、ページにブートストラップを構築しようとしています。

ブートストラップを使用すると、ボディ セレクターの下に追加したコンテンツは、通常のボックス モデルの一部であるかのように背景画像をクリアします。ブートストラップを削除すると、ページは期待どおりに機能し、背景画像の上にコンテンツがオーバーレイされます。ブートストラップの何かがすべてのページ要素をクリアしていると推測していますが、見つけることができませんでした。

背景画像を適用するために使用しているコードは次のとおりです。

html {
background: url(../img/bg.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
z-index: -999;
}
4

1 に答える 1

0

このブログ投稿には、Twitter Bootstrap を使用したフルスクリーンの背景画像の(間接的な)例があります。

その要点は次のとおりです。

body {
    background: url(../img/bg.jpg);
}
于 2013-06-12T03:05:31.127 に答える