0

私は次のhtmlを持っています：

<div class="fix-to-top">
    <div class="background-image"></div>
</div>

画像の位置をページの上部に固定できるようにしたいので、ユーザーがどれだけ下にスクロールしても、画像は常にページの上部に表示されます。さらに、画像を常にページの中央に配置したいので、ユーザーがブラウザのサイズを変更しても、画像は中央に表示されたままになります。これが私が試したものですが、結果が得られませんでした：

.fix-to-top {
    position: fixed;
    top: 0px;
    width: 2000px;
}
.fix-to-top .background-image {
    margin: 0 auto;
}

ただし、サイドマージンは「自動」を実行していません。どうすればこれを正しく行うことができますか？

4

2 に答える 2

1 
img {
    position: fixed;
    right: 50%;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-right: -50px;
    background: orange;
    top: 50%;
}​

http://jsfiddle.net/jXdxr/1/

于 2012-09-29T07:27:46.257 に答える
-1

このフィドルを確認してください

2つのdivを使用する必要はありません

あなたはそれを達成するためにbackground-attachmentとbackground-postionプロパティを使用することができます

于 2012-09-29T07:30:01.240 に答える