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/