想要将背景图像放在中间位置

She*_*009 5 html css position css-position background-image

您好我的登录页面上有一个背景图片.目前图像居中但不按照我想要的方式居中.我想要它,所以图像总是居中在屏幕中间.当然,我的图像居中但位于页面顶部.图像需要位于屏幕中间,并保持居中.

login.html
 <body style="background-image: url({{MEDIA_URL}}/admin_media/img/admin/bigstock_Photo_Showing_Financial_Growth_1339836.jpg); background-position: 50% 50%; background-repeat:no-repeat;">
Run Code Online (Sandbox Code Playgroud)

san*_*eep 10

可能你是这样写的:

background-position: center center;
Run Code Online (Sandbox Code Playgroud)

编辑:

可能有问题body因为它不需要整个屏幕height所以如果你想在屏幕中央显示图像然后写

html,body{height:100%;}
body{
    background:url(http://www.poster.net/van-gogh-vincent/van-gogh-vincent-sternennacht-2601013.jpg) no-repeat fixed center center;
}
Run Code Online (Sandbox Code Playgroud)

查看示例http://jsfiddle.net/sandeep/m2fZs/2/