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')";
            }

了解更多教程最佳资源Perfect Full Page Background Image

Answer 2

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

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

background-size: cover;

并且图像将根据页面正文进行调整....根据演示....

如何在背景设置照片

2 个答案: