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把圖片放在頁面頂部

回答

相關問題