ID選擇器中的背景圖片未顯示

我無法獲取此背景圖片以顯示。它應該出現在背景中，標題重疊。我正在使用一個id選擇器。我直接從我上課的書中直接複製了這本書，而且根本不工作。ID選擇器中的背景圖片未顯示

這是我的代碼。我很新的CSS

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<title>Fall Nature Hikes</title> 
<style> 
#content { background-image: url(fall.jpg); 
background-repeat: no-repeat; 
margin-left: auto; 
margin-right: auto; 
width: 640px; 
height: 480px; 
padding-top: 20px; } 

h1 { background-color: #FFFFFF; 
opacity: 0.6; 
font-size: 4em; 
padding: 10 px; } 
</style> 
</head> 
<body> 
<div id="content"> 
<h1>Fall Nature Hikes</h1> 
</div> 
</body> 
</html>

來源

2016-09-29 Steve

background-image :(「fall.jpg」）; – mlegg

在我的瀏覽器，它的工作原理正確的另一幅圖像，您可以檢查URL（fall.jpg）路徑是正確的？

來源

2016-09-29 02:35:45 velen

我查了一下，你的代碼可以顯示圖像，你可以看到這個示例：

> https://jsfiddle.net/a9qm1j2t/

它只是複製所有的html和css源代碼。

我想你應該再次檢查圖像路徑和圖像類型，並確保它是正確的。

來源

2016-09-29 03:03:38 duonghc

可能是您的圖片路徑不正確。首先檢查你的css文件和圖像文件在哪裏。你可以通過在瀏覽器上檢查你的代碼並以樣式檢查你的圖像路徑來驗證你的圖像路徑。

來源

2016-09-29 06:38:04

ID選擇器中的背景圖片未顯示

回答

相關問題