Question

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

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;">

Answer 1

你可能是这样写的：

background-position: center center;

编辑：

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;
}

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

Answer 2

我没有继续发表评论，而是认为创建新答案可能会更聪明。

像this demo之类的东西会对你有用吗？（如果您希望img随页面向上和向下滚动，请将'fixed'替换为'scroll'）

Answer 3

尝试这样：

#element {
    background-attachment:fixed;
    background-position:center;
}

这应该有用！

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

3 个答案: