layerslider WP 100％宽度和高度

Question

有人可以指导我如何全屏显示图像，使其像所提供的链接一样保持在水平和垂直的中心。

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

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

Answer 1

您可以为div元素添加样式

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

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

Answer 2

为了使您的LayerSlider显示高度和宽度均为100％，请保留＆＃34;滑块高度＆＃34;属性在＆＃34;滑块设置＆＃34;空白，然后使用如下所示的脚本来设置高度：

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

在关闭正文标记之前将脚本插入footer.php文件中。如果您的滑块ID不是数字1，则更改＆＃34; layerslider_1＆＃34;正确的ID。