Html 网站图片未显示在CSS中_Html_Css_Image_Web

Html 网站图片未显示在CSS中

html css image web

Html 网站图片未显示在CSS中,html,css,image,web,Html,Css,Image,Web,我一直在做一个网站，我有一个问题，因为图像不想显示在屏幕上。然而，我已经检查了代码多次，它似乎都是正确的！图像也位于php文件的同一文件夹中。我真的不知道为什么会这样。你能帮我弄清楚吗？谢谢大家! 代码如下： <!DOCTYPE html> <html> <head> <link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' typ

我一直在做一个网站，我有一个问题，因为图像不想显示在屏幕上。然而，我已经检查了代码多次，它似乎都是正确的！图像也位于php文件的同一文件夹中。我真的不知道为什么会这样。你能帮我弄清楚吗？谢谢大家!

代码如下：

<!DOCTYPE html>
<html>
<head>
<link href='http://fonts.googleapis.com/css?family=Josefin+Slab:400,700' rel='stylesheet' type='text/css'>
<style>
body{
    background-color: black;
    font-family: 'Josefin Slab', 'Myriad Pro', Arial, sans-serif;
    color:white;
    font-size:80px;
    text-align:center;
}
.container {
    width: 1000px;
}
.div1 {
    background-image: url("pic1.jpg");
}

</style>
</head>
<body>
<h1>Restaurant</h1>

<div class="container">
<div class="div1">
</div>
</div>
</body>
</html>


身体{
背景色：黑色；
字体系列：“Josefin Slab”、“Myriad Pro”、Arial、无衬线字体；
颜色：白色；
字号：80px；
文本对齐：居中；
}
.集装箱{
宽度：1000px；
}
.1分部{
背景图片：url（“pic1.jpg”）；
}
餐厅

您的代码是正确的。你唯一需要做的就是向div中添加内容，比如

<div class="div1"><h2>Here is another caption</h2></div>

这里是另一个标题

在h2区域将有您指定的背景图片

如果要在没有其他内容的div中使用背景图像，则需要指定该div的高度和宽度，以便显示图像

图像位于何处？您的div没有高度。默认情况下，div是块元素，占据其容器的整个宽度，但没有设置任何内容或高度，它们没有任何内容或高度。@Matt Cremeens它位于php文件的同一文件夹中。。我已经多次使用Chrome或Firefox检查您的开发工具，查看浏览器是否成功检索到

pic1.img

。i、例如，如果是

，那么图像是成功的，您的问题是css/html。如果是

或

错误，则无法检索图像。@rrauenza正在成功检索图像，因为我使用标记时它工作正常。但是，我不能使用标签，因为我需要使用，因为我必须添加多个图像。我尝试了你所说的，并且成功了。但我对同一张图片进行了多次重复。唯一的问题是，我只想要一个完整的图像，没有任何重复。

.div1 {
height: 610px;
width: 100%;
background: url("https://images-contests.99static.com/FtR2bRSgATkGUAOWom3RW3FznWQ=/fit-in/900x675/99designs-contests-attachments/0/384/attachment_384160");
background-size: 100% 100%;
background-repeat: no-repeat;
}