css - 如何在背景中设置照片

Question

最近，我经常看到背景图片是照片的网站。如何做同样的事情并且图片在不同的分辨率下被拉伸以收缩？

Answer 1

    html or body { 
                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;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
            }

更多教程 最佳资源完美整页背景图片

Answer 2

我希望你看起来像这样：- http://jsfiddle.net/GNxqK/embedded/result/

我们可以通过以下方式实现这个目标：-

background-size: cover;

并且图像将根据页面的主体进行调整....根据演示....