在屏幕上居中网站背景？
我在很多网站上看到过这个技巧，我想将其用于我自己的项目。
我有一个非常大的图像 background.jpg，只是为了适应任何屏幕尺寸。
我希望将背景图像置于访问者窗口的中心。
我的意思是，滚动时窗口内容将移动，但背景将保持在原位 - 垂直和水平居中。
顺便说一句，大多数观众都拥有旧的蹩脚电脑，所以如果是 JS，最好不要闪烁。
I've seen this trick on many websites and I want to make it for a project of my own.
I have an image background.jpg that is VERY BIG, just to be ready for any screen size.
I wish to center the background image to the visitor's window.
I mean, while scrolling the window content will move but the background will stay in place - centered vertically and horizontally.
BTW most of the viewers will have old crappy PC's so it'd better not flicker, if it'll be JS.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
将图像放在 body 背景上：
并在 body 中放置一个 div：
并创建一个 css 选择器，如下所示：
put your image on the body background:
and put a div within the body:
and create a css selector like this:
尝试一下这个小提琴中的内容： http://jsfiddle.net/maniator/3RRYe/3/
演示
看看这是否适合你^_^
try what is in this fiddle: http://jsfiddle.net/maniator/3RRYe/3/
demo
see if that works for ya ^_^