Question

我无法获得背景图片以显示在我的文件正文中。这是html -

<body>
<div class="test">
<form action="search.php" method="GET">
    <input type="text" name="query" />
    <input type="submit" value="Search" />
</form>
</div>
</body>
</html>

和css

#test{
background-image:     url("https://www.planwallpaper.com/static/images/background-wallpapers-32_NRz0mTd.jpg");
}

我最初尝试使用本地图像并且没有工作，所以我尝试从网络上获取不同的图像。这是一个php文件，不确定这是否重要。

Answer 1

class属性不能与id属性互换。

您的CSS目前显示为#test，这意味着要查找名为“test”的ID。 #符号表示id。

但您目前没有<div id="test"，您使用的是<div class="test"。

建议

在您的HTML中，将其更改为<div id="test"

Answer 2

您的样式表引用了ID #test。您已声明您的div属于班级测试。所以像@Taig说你需要改变一个或另一个匹配。

.test{
background-image: url("https://www.planwallpaper.com/static/images/background-wallpapers-32_NRz0mTd.jpg");
}

在css #value中引用了一个ID，.value引用了一个类。

Answer 3

使用CSS设置div背景时，需要指定宽度和高度。例如，380x380px的图像：

#test{
    background-image:     url("https://www.planwallpaper.com/static/images/background-wallpapers-32_NRz0mTd.jpg");
    width:380px;
    height:380px;
}

Answer 4

您的div id / class必须与样式表上的相同。

因此，如果您的div是id，则样式表上必须为#test {}，如果是class，则必须为.test {}.

但你不能只选择并将它变成课堂或身份证。一个类必须多次使用，并且可以绑定到其他标记。

id绑定到标记一次。

http://www.html5-tutorials.org/html-basics/id-and-class/

为什么我的背景图片拒绝出现？

4 个答案:

建议