如何在div上修复和居中图像

Question

我想将背景图像修复到容器的中央，这样如果我滚动或放大，我的图像就不会重新缩放或剪切。另外，如何在没有任何问题的情况下将我的登录div居中？当我将margin: 100px auto放入其中时，它会使我的页面可滚动，当我滚动和缩放页面时，边距会阻挡我图像的某些部分。有什么想法吗？

HTML：

<div id="container">
    <div class="login">
    </div>  
</div>

CSS：

body, html {
    margin:0;
    padding:0;
}

#container {
    width:100%;
    height:100%;
    background: url(images/bg-admin.png) no-repeat center center fixed;
}

.login {
    margin:100px auto;
    width:400px;
    padding:1em;
    background:white;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 0px 0px 10px 6px #ccc;
    -webkit-box-shadow: 0px 0px 10px 6px #ccc;
    box-shadow: 0px 0px 10px 0px #ccc;
}

Answer 1

为部分答案道歉但是对于固定背景，您可以使用background-attachment属性并为其赋值fixed。