我如何在css中從文件夾中的背景添加圖像？

我有一個形象，從我在W3Schools的見過你可以只使用
body background = farm.jpg
而這樣的作品，但它說，我見過的人這樣說，它可以用CSS工作與我如何在css中從文件夾中的背景添加圖像？

background-image: url(farm.jpg)（帶和不帶引號）

但是，只要我嘗試它不能找到圖片。我需要把它放在一個單獨的文件夾？

來源

2017-05-31 Jessica Bell

它的工作原理。只要路徑相對於頁面正確，您就可以將圖像放在同一個文件夾（目錄）或其他文件夾中。發佈完整的代碼以查看哪些內容無效。 –

（1）https://www.w3schools.com/tags/att_body_background.asp

Unfourtunately背景屬性不是HTML5支持。您必須改用CSS。

（2）可以使用的代碼示例形成此頁，是什麼在起作用：

https://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Hintergrundfarben_und_-bilder/background-image

例如：

<!doctype html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>Your page</title> 
    <meta name="description" content="The HTML5 page"> 
    <meta name="author" content="Your Name"> 
    <link rel="stylesheet" href="css/styles.css?v=1.0"> 
    <style> 
     body { 
     background-image: url("background.png"); 
     } 
    </style> 
</head> 
<body> 
    <p>Test.</p>  
</body> 
</html>

希望這有助於。

來源

2017-05-31 19:56:26 M14

@貢薩洛：感謝您的更正！ – M14

它depenteds到哪裏是你的CSS文件，把你的CSS文件和圖像文件到同一個地方，並嘗試以下

background-image: url("frame.jpg");

或者您可以使用/從根文件夾開始。

background-image: url("/frame.jpg");

Read this.

來源

2017-05-31 20:03:45

我如何在css中從文件夾中的背景添加圖像？

回答

相關問題