css完美全屏图像背景

我想知道哪一个是适合每个屏幕、每个浏览器的背景图像的最佳解决方案。我还注意到，大多数技术都会稍微裁剪图像。 我知道有很多技巧可以做到这一点，但我想知道你认为哪一种是最好的。 谢谢

这涵盖了全屏背景图像的不同技术，包括旧版本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;
}

---

在body标记中添加以下内容：

<img src="img/beach.jpg" 

style="width:100%;height:100%;position:absolute;top:0;left:0;z-index:-5000;">

---

我认为没有一个全面的解决方案。您的解决方案将在很大程度上取决于图像的外观和应用方式。例如，许多背景图像在图像中心的内容区域的宽度上留有很大的间隙。而其他背景图像则通过内容区域显示。有些重复。有几种用于背景图像的技术，但它们因设计而异。-jquery方法-可能是最好的解决方案。我知道它很老了，但是有没有一个好的替代方法不会随着浏览器调整大小？但愿我能给这张照片一个最小的高度