CSS背景選擇器不適用於html
[英]CSS background selectors not applying in html
問題描述
讓我以我是一個糟糕的編碼員為序，並正在學習如何上學。 我有一個引用外部CSS的基本站點。 CSS的所有其他部分都可以使用，除了背景部分。 我嘗試將背景圖像移到不同的文件夾並嘗試不同的文件類型，但仍然無法獲得任何結果。 我已經嘗試了好幾個小時了，而且我瘋了。
的CSS
body {
background: url('blackboard.gif');
color:white
}
.auto-style1 {
text-align: center;
font-family: "NACHOS & TV";
font-size: 55pt;
}
標記
<head>
<link href="CSS/RESTAURANT.css" rel="stylesheet" type="text/css" />
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>RESTAURANT NAME</title>
<meta content="RESTAURANT NAME Home Page" name="description" />
</head>
4 個解決方案
解決方案1
0 2016-01-13 18:42:14
通常，URL是相對於CSS文件的，但是如果遇到問題，最好的方法是將導航器與諸如Chrome的開發工具菜單（或Firefox中的螢火蟲）一起使用。 這樣，您可以確定用於獲取此圖像的確切URL並進行修復。
解決方案2
0 2016-01-13 19:04:20
檢查CSS background屬性中的url()值，
如果您的目錄結構為：
site/
css/
restaurant.css
img/
blackboard.gif
index.html
您應該使用：
background-image: url('../img/blackboard.gif');
因此CSS渲染器將“向上”一級目錄（因為../ ）並搜索img文件夾。
希望能奏效
解決方案3
0 2016-01-13 21:04:52
我終於使用https://jigsaw.w3.org/css-validator/弄清楚了。 問題是我的CSS位於頂部。 我不確定它如何到達那里，我知道我最初沒有發布它，盡管那無關緊要。 抱歉，謝謝大家的幫助！
解決方案4
-1 2016-01-13 18:39:25
請嘗試這個應該可以
body {
background-image: url("your image name");
}
謝謝
CSS精靈背景和選擇器
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.