背景图片居中CSS如下
background:#4892fe url("<%=basePath%>/img/login_bg.jpg") no-repeat center center;
我遇到的问题是
水平居中没问题,但是垂直居中失效,紧贴顶部未居中。
最后发现
需要给html或者body设置高度百分百,代码如下
html { height: 100%; }
这样就好了,完全居中,左右也居中,上下也居中,完美,效果如下。
背景图片居中CSS如下
background:#4892fe url("<%=basePath%>/img/login_bg.jpg") no-repeat center center;
我遇到的问题是
水平居中没问题,但是垂直居中失效,紧贴顶部未居中。
最后发现
需要给html或者body设置高度百分百,代码如下
html { height: 100%; }
这样就好了,完全居中,左右也居中,上下也居中,完美,效果如下。