在网页上缩放的背景图像

Question

该wetransfer网站往往有规模的,当你调整浏览器的背景图像.我想以最简单的方式达到同样的效果.换句话说,如果我拖动浏览器窗口的底角,我希望背景图像的大小相应改变.

谢谢!

Answer 1

您可以按照本教程中的说明执行此操作.

从教程中,简单的CSS方法是使用该background-size属性.

html {
        background: url(images/bg.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

封面可以在保持纵横比的同时拉伸图像,从而充分利用包含区域的一个尺寸.包含替代值,其中图像以其纵横比拉伸以完全适合该区域,或100%100%拉伸图像同时破坏纵横比.

您可能还想看看w3schools上的CSS 3参考