CSS 将图像置于页面顶部
我需要在 css 网页的顶部中心放置一个图像。现在，我只是在 css 中使用 background-image: ，但这将它放在页面的中间。
这是我的代码：
body {
background-image: url("theimageurlgoeshere"); //The image is 842 x 508
background-attachment:fixed;
background-position: center top;
background-repeat: no-repeat;
}
此外，更改 background-position: 似乎对网站的结果没有影响。任何帮助表示赞赏。
I need to have an image at the top-center of a web page in css. Now, Im just using the background-image: in css but this puts it at the middle of the page.
Here's my code:
body {
background-image: url("theimageurlgoeshere"); //The image is 842 x 508
background-attachment:fixed;
background-position: center top;
background-repeat: no-repeat;
}
Also, Changing the background-position: seems to have no effect on the outcome of the site. Any help is appreciated.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
将这些值的排列从
center top更改为top center在 Safari 4、Chrome 和 FF 3.5 中测试
我在测试中使用的代码是：
Change the arrangement of these values from
center toptotop centerTested in Safari 4, Chrome, and FF 3.5
The code I used in testing was:
如果你想把它写在一行上：
更多信息：http://www.w3schools.com/css/pr_background-position.asp
And if you want it on a single line:
More info: http://www.w3schools.com/css/pr_background-position.asp
如果这不起作用。做保证金：0自动；
If this dosen't work. Do margin:0 auto;