Question

我需要在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:似乎对网站的结果没有影响。任何帮助表示赞赏。

Answer 1

将这些值的排列方式从center top更改为top center

background-position: top center;

在Safari 4，Chrome和FF 3.5中测试

我在测试中使用的代码是：

 body { background: url(./image.png) no-repeat top center; }

Answer 2

如果你想要一行：

body {
  background: url('path') center top fixed no-repeat;
}

更多信息：http://www.w3schools.com/css/pr_background-position.asp

Answer 3

如果这不起作用。保证金：0自动;

CSS将图像放在页面顶部

3 个答案: