CSS background-image

我有一個登陸頁面，顯示的是本地的背景圖片，但當我將它推出後，我無法在互聯網上看到它。CSS background-image

我的文件結構是很簡單的，我有一個叫做銀行經營一個根文件夾，該文件夾中我有一個css文件夾，圖片文件夾，等

下面是我的背景圖片的CSS。

body { 
    color: white; 
    background: #ee6184; 
    background-image: url('../images/image_01.jpg'); 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-attachment: fixed; 
    font-family: 'Lato', sans-serif; 
    font-weight: 300; 
    font-size: 180%; 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    text-align: center; 
}

來源

2014-11-02 unlimited4311

你有沒有把圖片也放在那裏？ – phantom 2014-11-02 22:39:23

您是否檢查過在瀏覽器中下載的圖像是否獲得狀態碼404（文件未找到）？通過使用開發人員檢查器中的網絡選項卡執行此操作（在大多數Windows瀏覽器中，cmd + option + i在mac或f12中） – DrewT 2014-11-02 22:41:11

我將檢查 – unlimited4311 2014-11-02 22:50:50

看看瀏覽器控制檯（或網絡），也許它會顯示此圖像的404錯誤。這意味着你的路徑不適用於服務器，也可能是403（禁止）或其他錯誤。

此外，如果根目錄不在子文件夾中，則可以將路徑設置爲/images/image_01.jpg，如下所示：domain.com/runn/。

以其他方式請把鏈接，所以我可以理解這個問題。

來源

2014-11-02 22:52:45 nikoloza

指向我網站的鏈接是www.expressrunn.com – unlimited4311 2014-11-02 22:55:48

好的，我已經發現兩個問題。第一個是圖片url被設置爲'images/image_01.jpg'，所以它會在'css/images /'文件夾中挖掘。其次，一般的事情是，http://www.expressrunn.com/images/image_01.jpg圖片看起來不會渲染。仔細檢查該圖像，可能需要再次將其上傳到服務器。 – nikoloza 2014-11-02 23:01:16

我剛將它重新加載到服務器。我只是將網址更改爲../images/image_01.jpg。那是對的嗎？ – unlimited4311 2014-11-02 23:14:24

通常當調試圖像沒有按預期的方式顯示時，請轉到Chrome控制檯，看看是否有404表示無法找到資源。

background-image: url('../images/image_01.jpg');

這意味着在您的html中寫入的路徑中不存在這樣的文件。然後重新配置圖像路徑或將資源上傳到正確的路徑。

ü可以使用CSS相對路徑你在這種情況下做

background-image: url('../images/image_01.jpg');

，或者您可以使用在服務器語言文件的絕對路徑，如PHP

background-image: url('<?php echo site_url();?>/images/image_01.jpg');

來源

2014-11-05 01:47:52 BOBO

CSS background-image

回答

相關問題