背景定位不匹配css

Question

所以，我尝试将粘性背景应用于有效的div。我现在遇到的问题是它在滚动期间不能充分拉伸。这是我用来应用背景的CSS。这里我有一些显示错误的屏幕截图。

滚动后

：

.site-main {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: url("http://areca3000.nl/glissenaar/wp-content/uploads/2017/05/bg-content.jpg")
 no-repeat  center center fixed ;
    /* background-repeat: no-repeat; 
    background-size: 100%;    
    padding: 0 0 0 0 !important;
    /*max-width: 1220px !important; 8? */ 
 }

如果您要查看，页面的网址为http://www.areca3000.nl/glissenaar/。

Answer 1

如果您希望背景垂直和水平适合其容器，则需要将background-size规则更改为

background-size: 100% 100%;

请注意，此技术会扭曲您的图像并且可能看起来不像您想要的那样