网页背景图不够大而重复显示的解决方案

           当背景图不够大，网页会出现叠图效果：

           

           如何解决这个问题？很简单，让图片居中显示并且让它直接cover在屏幕上：

          

body{
		background-image: url("__PUBLIC__/images/bg.jpg");
                background-position: bottom center;
                background-size: cover;
    }

         如此就背景图片显示正常了