Html 分层滑翔机WP 100%宽度和高度

有人可以指导我如何获得一个图像全屏，使其停留在中心水平和垂直像提供的链接

---

我只在背景位之后，我需要css中对应的div中的图像，就像我在wordpress中使用它作为滑块一样。

您可以向div元素添加样式

<div style="background: url(images/xyz.jpg) no-repeat center center fixed;">...</div> 

。。。

---

我刚刚从您的示例页面中获取css并复制/粘贴

您可以向div元素添加样式

<div style="background: url(images/xyz.jpg) no-repeat center center fixed;">...</div> 

。。。

---

我刚刚从您的示例页面中获取css并复制/粘贴

为了使LayerSlider以100%的高度和宽度显示，请将“Slider Settings”（滑块设置）中的“Slider height”（滑块高度）属性留空，然后使用如下脚本设置高度：

<script type="text/javascript"> 
    function resize()
    {
        var heights = window.innerHeight;
        document.getElementById("layerslider_1").style.height = heights + "px";
    }
    resize();
    window.onresize = function() {
        resize();
    };
</script>

函数resize（）
{
var height=window.innerHeight；
document.getElementById（“layerslider_1”）.style.height=heights+“px”；
}
调整大小（）；
window.onresize=函数（）{
调整大小（）；
};

---

在结束正文标记之前，将脚本插入footer.php文件。如果您的滑块ID不是数字1，则将“layerslider_1”更改为正确的ID。

为了使您的滑块以100%的高度和宽度显示，请将“滑块设置”中的“滑块高度”属性留空，然后使用如下脚本设置高度：

<script type="text/javascript"> 
    function resize()
    {
        var heights = window.innerHeight;
        document.getElementById("layerslider_1").style.height = heights + "px";
    }
    resize();
    window.onresize = function() {
        resize();
    };
</script>

函数resize（）
{
var height=window.innerHeight；
document.getElementById（“layerslider_1”）.style.height=heights+“px”；
}
调整大小（）；
window.onresize=函数（）{
调整大小（）；
};

---

在结束正文标记之前，将脚本插入footer.php文件。如果您的滑块ID不是1号，请将“layerslider_1”更改为正确的ID。

我在谷歌上搜索了“全页背景图像”，出现了本教程。谢谢，我没有看到其他部分，它让我更接近了，但我不太清楚，它错过了顶部和底部，看这里，我用谷歌搜索了“整页背景图像”，这篇教程出现了。谢谢，我没有看到其他部分，它让我更靠近了一点，但我不太清楚，它遗漏了顶部和底部，请看这里，谢谢，我相信正常情况下这会起作用，但我尝试了你的代码，并用一个短码替换了url，因为它将与layerslider一起使用，我无法让它起作用，这是我使用的代码

谢谢，我相信正常情况下会有用，但我尝试了你的代码，并用一个短代码替换了url，因为它将用于layerslider，我无法让它工作，这是我使用的代码