CSS背景图片垂直居中center不起效果完美解决

背景图片居中CSS如下

background:#4892fe url("<%=basePath%>/img/login_bg.jpg") no-repeat center center;

我遇到的问题是

水平居中没问题，但是垂直居中失效，紧贴顶部未居中。

最后发现

需要给html或者body设置高度百分百，代码如下

html
{
   height: 100%;
}

这样就好了，完全居中，左右也居中，上下也居中，完美，效果如下。