私はこのトリックを多くのウェブサイトで見てきました。自分のプロジェクトのために作りたいと思っています。
私はbackground.jpgという画像を持っていますが、どの画面サイズにも対応できるように非常に大きくなっています。
背景画像を訪問者のウィンドウの中央に配置したいと考えています。
ウィンドウコンテンツのスクロールは移動しますが、背景は縦と横を中心にしたままになります。センターウェブサイトの背景が画面に表示されますか？
私は、JSなら、ほとんどの視聴者が虚偽のPCを持っているので、ちらつきがない方が良いでしょう。
body
{
background-image: url('background.jpg');
background-repeat: no-repeat; /* you know... don't repeat... */
background-position: center center; /*center the background */
background-attachment: fixed; /*don't scroll with content */
}
このフィドルにあるもの試してみてください。http://jsfiddle.net/maniator/3RRYe/3/
demo
その屋のために動作するかどうかを確認^ _^
は、身体の背景にあなたのイメージを置く：
body{ background-image:url('your/image/url'); }
と入れを体内のdiv：
<body><div class="div-body">{your site's contents}</div></body>
と、このようなCSSセレクタの作成：
.div-body{
overflow:scroll;
width: 100%;
height: 100%;
display: block;
float: left;
}
パーフェクト！できます！ – Vercas