不同分辨率下显示背景图片的解决方案

在进行web前段的开发过程中大家一定都遇到过随着PC分辨率的不同，背景图片也会发生变化，以下提供三种解决方案：

方案一：用js判断浏览器的分辨率，然后调用不同的css来进行显示

方案二：css3中有个属性是background-size，是用来伸缩背景图的，将其设置为background-size:100% 100%;就Ok了(注意：该种方案在HTML4的标准下可能会出现问题)

方案三：

body{

    background:url(/static/images/background/bg-84.jpg) no-repeat center center fixed;

    -webkit-background-size:cover;

    -moz-background-size:cover;

    -o-background-size:cover;

    background-size:cover;

}