背景問題

我需要創建一個可以在單個文件中打開並運行的小型網站。我無法弄清楚如何獲得圖像背景。我的形象是Desktop/assignment/Website-Background.jpg。我嘗試了很多不同的方式來使它工作，但它只是不會。我當前的代碼是：背景問題

body{ 
    height: 100%; 
} 

.bg { 
    background-image: url("Website-Background.jpg"); 
    height: 100%; 
    background-position: center; 
    background-repeat: no-repeat; 
    background-size: cover; 
}

而且我已經試過也試着

body { 
    background-image: url("Website-Background.jpg"); 
}

有人能指出我在做什麼錯？

來源

2017-06-13 Col65

並且圖像與.html文件位於相同的文件夾中？ – LiefdeWen

「Website-Background.jpg」在哪裏存儲？ –

只是'background-image：url（「Desktop/assignment/Website-Background.jpg」）;'？ –

首先在瀏覽器中按F12，你會看到圖像是否被調用或不在控制檯窗口，然後如果它被調用，並沒有錯誤，那麼可能設置一個200px的高度，看看圖像是否顯示向上。

來源

2017-06-13 15:15:56 imBlue

只要把圖片，並在同一文件夾中的HTML文檔，你的代碼將工作就像一個魅力...你將不得不改變什麼代碼，使其工作..

來源

2017-06-13 15:26:08

無論出於何種原因，這也不起作用。 – Col65

@ Col65添加html代碼您正在使用的是 –

我不相信你正確指示圖像的位置。記住CSS，你必須退出文件夾並進入其他文件。你的HTML文件在哪裏？您可能不得不退出其位置並進入您的任務文件夾。

如果你打了退堂鼓：

body { 
    background:url("../assignment/Website-background.jpg"); 
    background-size:cover; 
}

如果你只需要進入更深的文件夾：

body { 
    background:url("assignment/Website-background.jpg"); 
    background-size:cover; 
}

來源

2017-06-13 15:29:30

我的html文件與圖片位於同一文件夾中，桌面/作業 – Col65

您是否嘗試過 body {background：url（「Website-Background.jpg」）;背景尺寸：蓋; } –

剛做過，沒有工作。我認爲我的wysiwyg可能會造成問題。 – Col65

只是一個側面說明，如果你「真的」想擁有自己的網站作爲單個文件（意味着背景圖像是另一個文件），您可以通過某種工具（like）將圖像編碼爲base64，然後將其存入您的文件中。

來源

2017-06-13 15:36:25

回答

相關問題