javascript - 调整大小时 fullpage.js 特定背景部分

Question

当调整 fullpage.js 页面大小时，我想让背景图像响应，例如适用于手机/平板电脑。如何将图像的特定部分保留在页面中央？例如，在这张照片中，花在右半边。当我在移动设备上调整页面大小/使用页面时，它应该仍然可见并且不会被挤压。

Answer 1

尝试实现 background-size:cover。检查fiddle .

img{    width:100%;
    -webkit-background-size:cover;
    z-index:999999999999999;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    background-image:url(http://kadeem.london/Image/Kadeem-Laurie-Lisbon-min.jpg);
    margin:0 auto;
    text-align:center;
    background-repeat:no-repeat}

<img src="http://i.stack.imgur.com/Q7vuy.jpg">

`