0

背景を固定し、中央に配置するために数時間を費やしました。私が愚かな間違いを犯した場所を示していただければ幸いです。

私のコード

#main_inside{
        float:right;
        margin-top:223px;
        width:700px;    
        background:url("images/gidas.png") no-repeat fixed 496px 259px transparent;
        margin-bottom: 86px;
    }

問題は、crtl + scroll でウィンドウのサイズを変更するときです。イメージが離れます。

私も試しました：

background-position:center;

そしてこれを試しました：

background-origin:content-box;

% を使用して画像距離を設定しようとしました。

リアル問題URL http://lyderai.net/tg2013/gidas.php

4

1 に答える 1

0

「fixed」を使用すると、画像が Web サイトのビューポート (別名、ウィンドウ) に固定されます。たとえば、「background-position: left 0」に設定すると、div の左の位置は取りません。しかし、ウィンドウの左の位置。そのため、ウィンドウのサイズを変更すると、画像が移動します。

于 2013-04-28T18:04:08.503 に答える