圖片標題CSS

-1

我有一點得到的圖像的問題，在我的網站的標題出現。任何想法如何讓它顯示出來？圖像文件也與html文件在同一個文件夾中，所以我真的不知道它爲什麼不顯示。圖片標題CSS

這裏的CSS文件：

header { 
width: 100%; 
background-image: url("background1.jpg"); 
text-align: center; 
padding: 5px; 
} 

body { 
margin: 0; 
padding: 0; 
background: white; 
} 

ul { 
list-style-type: none; 
margin: 0; 
padding: 0; 
overflow: hidden; 
background-color: deeppink; 
} 

li { 
float: left; 
} 

li a { 
display: block; 
color: white; 
text-align: center; 
padding: 14px 16px; 
text-decoration: none; 
} 

li a:hover { 
background-color: pink; 
}

而這裏的HTML文件：

<!DOCTYPE html> 
<html lang="en"> 

<head> 
<meta charset="UTF-8"> 
<title>Welcome to Fazbear Entertainment</title> 
<link rel="stylesheet" href="css/fnaf.css"></link> 
<script type="text/javascript" src="js/fnaf.js"></script> 

</head> 

<body> 

</body> 

</html>

來源

2016-11-16 Tyler

哪裏是

？ – AVI

這工作完全正常，如果您提及您header正確

.header { /* MODIFICATION */ 
 
width: 100%; 
 
background-image: url("http://www.freewebheaders.com/wordpress/wp-content/gallery/global/global-franchise-blue-header.jpg"); 
 
text-align: center; 
 
padding: 5px; 
 
} 
 

 
body { 
 
margin: 0; 
 
padding: 0; 
 
background: white; 
 
} 
 

 
ul { 
 
list-style-type: none; 
 
margin: 0; 
 
padding: 0; 
 
overflow: hidden; 
 
background-color: pink; 
 
} 
 

 
li { 
 
float: left; 
 
} 
 

 
li a { 
 
display: block; 
 
color: white; 
 
text-align: center; 
 
padding: 14px 16px; 
 
text-decoration: none; 
 
} 
 

 
li a:hover { 
 
background-color: pink; 
 
}

<html lang="en"> 
 

 
<head> 
 
<meta charset="UTF-8"> 
 
<title>Welcome to Fazbear Entertainment</title> 
 
<link rel="stylesheet" href="css/fnaf.css"></link> 
 
<script type="text/javascript" src="js/fnaf.js"></script> 
 

 
</head> 
 
<div class="header">  <!-- MODIFICATION --> 
 
    <h1>My website name</h1> 
 
</div> 
 
<body> 
 

 
</body> 
 

 
</html>

來源

2016-11-16 02:47:07 AVI

非常感謝！我知道問題很簡單！ – Tyler

做這個

body { 
    margin: 0; 
    padding: 0; 
    background: white; 
    background-image: url("../background1.jpg"); 
}

的東西是background-image位置是相對的CSS文件它位於css文件夾中，因此它正在搜索文件在css文件夾，而應該尋找一個文件夾了（如果該文件是隨着HTML）。此外，它應該在body選擇器內而不是header，因爲它將成爲整個機構的背景圖像，而不是根本不存在於html中的header。

來源

2016-11-16 02:44:13 mrinalmech

回答

相關問題