html - 图层滑块 WP 100% 宽度和高度

Question

有人可以指导我如何获得全屏图像，以便它像提供的链接一样保持在水平和垂直的中心。

http://css-tricks.com/examples/FullPageBackgroundImage/progressive.php

我只是在背景位之后，我需要一个 div 中的图像，就像在示例中一样在 css 中，因为我将它用于 wordpress 中的滑块。

Answer 1

为了使您的 LayerSlider 以 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>

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

Answer 2

您可以为 div 元素添加样式

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

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