css完美的全屏幕图像背景

前端之家收集整理的这篇文章主要介绍了css完美的全屏幕图像背景前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想知道哪个是适合每个屏幕,每个浏览器的背景图像的最佳解决方案.另外我也注意到,大部分的技术都会使图像有所变化.
我知道有很多技巧可以做到这一点,但是我想知道你认为最好的技术.
谢谢!

解决方法

这个 post from CSS-tricks.com涵盖了全屏幕背景图像的不同技术,包括旧版本的IE(我还没有测试IE修复)的后退.

当我不需要担心支持旧的浏览器时,我通常使用CSS3方法

html { 
    background: url(http://lorempixum.com/1440/900/sports)
        no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

猜你在找的CSS相关文章