Php 尽管有css代码,图像不会显示在整个屏幕上

Php 尽管有css代码,图像不会显示在整个屏幕上,php,html,css,wordpress,Php,Html,Css,Wordpress,在我的网站上,我想用图片完全覆盖一个页面(而不是主页)。它应该完全填满每个设备的屏幕。我专门创建了一个childtheme来处理这个问题 在我的网站上,我想创建一个画廊设施,在整个屏幕上用图片迎接来访者。如前所述,我已经为它创建了一个childtheme。我首先在functions.php文件夹中尝试将内容宽度设置为100%。不幸的是,这没有起作用。然后我在我的wordpress主题上的所有自定义css字段中尝试了它。这也不起作用 `element.style{ 背景图片:url(https:

在我的网站上,我想用图片完全覆盖一个页面(而不是主页)。它应该完全填满每个设备的屏幕。我专门创建了一个childtheme来处理这个问题

在我的网站上,我想创建一个画廊设施,在整个屏幕上用图片迎接来访者。如前所述,我已经为它创建了一个childtheme。我首先在
functions.php
文件夹中尝试将内容宽度设置为100%。不幸的是,这没有起作用。然后我在我的wordpress主题上的所有自定义css字段中尝试了它。这也不起作用

`element.style{
背景图片:url(https://philippfalkenhagen.de/wp-content/uploads/2019/10/Reh-im-Mohnfeld-Startseite-1.jpg);
最大宽度:100%;
高度:801px;
宽度:100%;

}
由于您处理的是背景而不是人物本身,请尝试使用
背景大小:100%100%
背景重复:无重复

`element.style{
背景图片:url(https://philippfalkenhagen.de/wp-content/uploads/2019/10/Reh-im-Mohnfeld-Startseite-1.jpg);
最大宽度:100%;
高度:801px;
宽度:100%;
背景重复:无重复;
背景大小:100%100%;
}
将帮助您解决此问题

更新:

`element.style {
   background-image: url(https://philippfalkenhagen.de/wp-content/uploads/2019/10/Reh-im-Mohnfeld-Startseite-1.jpg);
   max-width: 100%;
   height: 801px;
   width: 100%;
   background-size: cover; 
}

这是my functions.php文件夹:

https://we.tl /t-g7Mvc2EbC6

我怀疑我必须把代码放在这里,但我不知道放在哪里。

或者使用
背景尺寸:封面缩放和裁剪图像,使其完全覆盖元素,而不考虑元素或图像的纵横比。谢谢,但遗憾的是,我不知道在何处插入代码。你能帮我吗?
https://we.tl /t-g7Mvc2EbC6