我的CSS背景圖片未顯示
[英]My CSS background image is not showing
問題描述
我正在使用以下CSS在頁面上顯示背景圖像。 但是，我得到的只是空白的白色背景。 我一直在四處搜尋，但無法弄清楚我在做什么，有什么建議嗎？
CSS：
#home_body {
background: url(/resources/images/main_tree.png) no-repeat;
}
HTML：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Welcome</title>
<link rel="stylesheet" type="text/css" href="resources/css/main.css">
</head>
<body id="home_body">
<div>
<h1 class="main_heading">Welcome</h1>
</div>
<div id="home_nav">
<nav>
<ul id="main_menu">
<li><a href="gv_shop.html">Shop</a></li>
<li><a href="gv_gallery.html">Gallery</a></li>
<li><a href="gv_about.html">About Us</a></li>
<li><a href="gv_news.html">News</a></li>
<li><a href="gv_contact.html">Contact Us</a></li>
</ul>
</nav>
</div>
</body>
</html>
2 個解決方案
解決方案1
3 已采納 2016-04-24 19:47:47
1）如果復制，將圖像URL粘貼到瀏覽器中，圖像是否顯示？
2）用單引號將CSS類圖像引用括起來。
3）檢查您的參考，你從根引用的圖像作為<root>/resources/images/main_tree.png在CSS，但HTML頁面是要求相對resources/css/main.css CSS文件， 一切應該以root引用（因此頁面上的所有地址都應以/開頭）。
4）檢查是否沒有其他類或CSS規則應用於<body>元素，並且“覆蓋”了您的背景。
5）嘗試使用background-image而不是背景速記。 但請記住將不重復放置在新屬性中：
background-image: url('/resources/images/main_tree.png');
background-repeat: no-repeat;
解決方案2
0 2016-04-24 19:39:55
#home_body {
background-image: url(/resources/images/main_tree.png) no-repeat;}
更改CSS類以查看圖像
CSS背景圖片未顯示我的圖片
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.