css完善的全屏图象背景

本文介绍了css完善的全屏图象背景的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我想知道哪些是适合每个屏幕，每个浏览器的背景图片的最佳解决方案。我也注意到，大多数技术裁剪图像一点点。 我知道有很多技术来做到这一点，但我想知道哪个是你最好的意见。 谢谢！

I'm wondering which is the best solution for an background image to fit every screen, every browser. Also I've noticed that the majority of techniques crop the image a little bit. I know there are a lot of techniques to do this but I want to know which is the best in your opinion. Thanks!

推荐答案

此 post from CSS-tricks 涵盖了全屏背景图像的不同技术，包括旧版本IE的回退（我没有测试IE修复）。

This post from CSS-tricks covers different techniques for full screen background images and includes a fall-back for old versions of IE (I haven't tested the IE fix).

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

When I don't need to worry about supporting old browsers, I generally use the CSS3 method:

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