Question

我有一个简单的代码，在html的body标签内有一个文本，而一个css样式表只是为了得到一个背景图像，我不知道为什么背景图像根本不显示。

这是我的HTML：

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>

<body>
    Test    
</body>

</html>

而CSS就是这样：

#body { 
    background-image: url(images/ninja.jpg);
}

我在images文件夹中有"ninja.jpg"。并且背景图像仍然没有出现。我也尝试将images/ninja.jpg放在引号内（例如："images/ninja.jpg"），但它不起作用。

Answer 1

不要使用#body
使用body
尝试

body { background-image: url(images/ninja.jpg); }

for css

#body引用具有属性id="body"

的元素

＆＃13;

body {background-color: green;} /*this is the actual body*/

#body{background-color: red;} /*this is the paragraph*/

＆＃13;

This is green

<p id="body">This is red</p>

＆＃13;

Answer 2

不需要#html标签选择器：

 body { background-image: url(images/ninja.jpg); }

Answer 3

在使用css

的元素ID之前，您使用的#hake不需要

只需删除＃即可。

body { 
    background-image: url(images/ninja.jpg); 
}

Answer 4

正文不是ID ...我们只使用＃作为id选择器，身体只是一个标签，所以你可以简单地使用下面...它工作正常

body {background-image：url（images / ninja.jpg）; }

为什么身体背景图片没有显示？

4 个答案: