css - Twitterがフロントページ（サインイン/サインアウトページ）に使用するフルページの背景（カバー）画像テクニックとは何ですか？

Question

CSSのようです-http: //css-tricks.com/perfect-full-page-background-image/で言及されているテクニック＃2のみですが、そうではありません。コードにわずかな変更があります（高さと表示のプロパティへの書き込み）

html cssをコピーして貼り付けてみましたが、動作しません。JavaScriptが含まれている可能性がありますか？

Answer 1

そのCSSだけでJavaScriptの 動作デモはありません

CSS

.front-bg {
position: fixed;
width: 200%;
height: 200%;
left: -50%;
background: black;
}

.front-bg img {
display: block;
margin: auto;
min-width: 50%;
min-height: 50%;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

HTML

<div class="front-bg"><image src="http://a0.twimg.com/a/1349296073/t1/img/front_page/city-balcony@2x.jpg" /></div>

Answer 2

これを試してみてください

html, body {
   margin:0;
   padding:0;
   background-image:url(relative/path/to/image);
   background-repeat:no-repeat;
   background-attachment:fixed;
}

#container {
   margin:0 auto;
   width:900px; /* your fixed width */
}