HTML / CSS-背景圖像未顯示在瀏覽器中
[英]HTML/CSS - Background image not showing up in browser
問題描述
我真的不知道我在做什么錯，而且似乎找不到解決方案。 路徑正確，圖像在正確的文件夾中。 這是代碼：
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<title>COSMOSHOP</title>
</head>
<body>
</body>
</html>
和CSS代碼：
body {
background-image: url('images/nightsky.jpg');
}
3 個解決方案
解決方案1
0 2013-11-22 18:56:29
在瀏覽器中打開開發控制台，並檢查網址是否正確。 有時不是很常見
解決方案2
0 2013-11-22 19:04:48
有時，HTML / CSS的問題是瀏覽器中的緩存。 嘗試按Ctrl + Shift +刪除，然后刪除瀏覽器緩存。 看看是否有幫助
解決方案3
0 2013-11-22 19:17:39
根據提供的代碼，您沒有<body>內容。 因此，您的身體實際上是0像素高。 嘗試添加它，您應該會看到背景圖片（假設您的路徑正確）。 請注意，我只是向身體增加了一個高度，因此您可以看到圖像在那里。 一旦開始構建實際站點（即<body> ），就可以刪除高度。 由於在body標簽上指定了height屬性，因此是不好的做法。
body {
background-image: url('images/nightsky.jpg');
height: 600px; // remove this once you start adding content to the body
}
HTML CSS：背景圖片未顯示
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.