CSS把图片放在页面顶部

我需要在CSS的网页顶部中心有一个图片。现在，我只是在css中使用background-image:，但这将它放在页面的中间。CSS把图片放在页面顶部

这里是我的代码：

body { 
    background-image: url("theimageurlgoeshere"); //The image is 842 x 508 
    background-attachment:fixed; 
    background-position: center top; 
    background-repeat: no-repeat; 
}

此外，更改background-position:似乎对网站的结果没有影响。任何帮助表示赞赏。

来源

2010-05-20 nosedive25

您定位的是哪种浏览器？ – uhleeka 2010-05-20 23:47:36

这些值的排列改变从center top到top center

background-position: top center;

在Safari 4，铬测试，和FF 3.5

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

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

来源

2010-05-20 23:40:57 Riley

根据w3schools：第一个值是水平位置，第二个值是垂直 - http://www.w3schools.com/css/pr_background-position.asp – uhleeka 2010-05-20 23:52:09

引用http://www.w3.org/ TR/CSS2/colors.html＃background-properties作为澄清的适当来源。 :-) – Riley 2010-05-21 00:09:15

您的参考状态（比w3schools更准确）：如果至少有一个值不是关键字，则第一个值表示水平位置，第二个值表示垂直位置。 “不是关键字”表示“顶部中心”和“中心顶部”都是有效的用法。 – uhleeka 2010-05-21 00:16:01

如果你想在一条线上：

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

来源

2010-05-20 23:46:50 Alec

如果这不起作用。做边缘：0自动;

来源

2013-06-16 14:57:29 user2490985

CSS把图片放在页面顶部

回答

相关问题