wordpress显示完整图像

Z时代
2024-01-10
分类：IT

使用wordpress时, 我创建了一个页面, 你可以在这里看到, 请参见Schoonmaakwerk是mensenwerk, 因为你可以看到它看起来像这样：

而图像是这样的：

我希望能够显示完整图像。这是我的图像部分代码：

    #mainSchoonMaker { 
  background: url(https://www.haagsehof.nl/content/uploads/2018/02/20171120_Haagsehof_1300_blackoverlay.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

如果我添加不重复, 则图像消失了。我希望该图像能够滚动并随着页面的滚动上升和下降, 有人知道如何执行此操作吗？

#1

试试这个：

#mainSchoonMaker { 
  background: url(https://www.haagsehof.nl/content/uploads/2018/02/20171120_Haagsehof_1300_blackoverlay.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: auto;
}

#2

试试这个代码。

    @media (min-width:767px){
    #pl-4 {
        background: url(https://www.haagsehof.nl/content/uploads/2018/02/20171120_Haagsehof_1300_blackoverlay.jpg) no-repeat center center;
        -webkit-background-size: 100%;
        -moz-background-size: 100%;
        -o-background-size: 100%;
        background-size: 100%;
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width:768px){
    #pl-4 {
        background: url(https://www.haagsehof.nl/content/uploads/2018/02/20171120_Haagsehof_1300_blackoverlay.jpg) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        margin-left: -15px;
        margin-right: -15px;
    }
}