想把背景图片放在中间位置

Question

想把背景图片放在中间位置

htmlcsspositionbackground-imagecss-position

5

您好，在我的登录页面上，我有一个背景图片。目前，这个图片是居中的，但不是我想要的方式。我希望它总是位于屏幕中央。目前，我的图片是居中的，但在页面顶部位置。图片需要位于屏幕中央，并保持居中。

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

- Shehzad009

3个回答

1

与其继续发布评论，我认为创建一个新答案可能更明智。

像this demo这样的东西对你有用吗？（如果您希望图像随页面向上和向下滚动，请将“fixed”替换为“scroll”）

- r0skar

0

试着这样做：

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

这应该可以工作！

- dodancs

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- sandeep · Accepted Answer

也许你已经写成了这样：

background-position: center center;

编辑：

可能存在一个问题，因为 body 的高度未占满整个屏幕，所以如果您想在屏幕中央显示一张图片，则需要编写

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/