如何将照片设置为背景

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

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

有关更多教程最佳资源完美全页背景图像

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

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

background-size: cover;

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

相关内容

最新更新

热门标签：