调整窗口大小后，css后台修复失败

Question

我花了几个小时试图修复背景并在中心。我希望你能证明我犯了愚蠢的错误。

我的代码

#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;

并尝试使用％来设置图像距离。

真正的问题网址http://lyderiai.net/tg2013/gidas.php

Answer 1

当您使用“固定”时，您将图像固定到网站的视口（也就是窗口），例如，如果您将其设置为“background-position：left 0”，则不会使用div左侧位置，但窗口离开位置。 这就是为什么当你调整窗口大小时，图像会移动。