在进行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;
}