Html 如何将中的背景设置为图像

我在将容器的背景设置为特定图像时遇到问题。容器的css如下所示

.info1 {
    background-image: url(../images/backgroundbox.jpg);
    border-style:double;
    border-width: 5px;
    border-color: #3f7171;
    width: 290px;
    height: 250px;
    margin: 10px;
    float: left;
}

我有html格式的容器，但每次我保存文件并在浏览器中查看网页时，它只是将容器的背景设置为灰色

这是html文件中的

<div class="info1">

</div>

还尝试了使用图像所在文件夹的完整url路径，还尝试了让它

background-image: url('../images/backgroundbox.jpg');

及

我总是在灰色背景下返回，我似乎无法指出这个问题，我觉得我可能在某个地方犯了一个愚蠢的错误，但似乎无法发现它。

这对我来说很有效，看这个，没有对代码做任何更改，使用了一个示例图像url

background-image: url('http://goodlogo.com/images/logos/hi_logo_2750.gif');

---

问题似乎出在你的图片url上，请检查一下。

因为它需要50%的声誉才能发表评论，我想我必须给出一个答案，让它有价值

这与文件位置有关

尝试检查元素，单击控制台中的图像链接，看看是否可以找到它。如果你能在这里发布你网站的结构也会很有帮助

代码是正确的，这里是

---

所以问题应该在../images/backgroundbox.jpg中。确保相对路径正确。另外，尝试通过将一些内容、特定宽度和高度以及显示设置为block或inline block来确保div可见。

如果您确定url正确，请尝试添加背景大小：100%。

---

可能只是图像太大，而灰色是该图像的左上方区域。

尝试仅使用background:url../images/backgroundbox.jpg；你的背景图像尺寸合适吗？您是否重新检查了图像的路径？分机？你有没有尝试过在其他地方显示它？只是为了避开明显的问题-根据网页上的图像位置，你确定你的URL是正确的吗？意思是你需要../？你能提供一个重现问题的方法吗？

background-image: url("../images/backgroundbox.jpg");

background-image: url('http://goodlogo.com/images/logos/hi_logo_2750.gif');

.info1 {
    background-image: url("http://miriadna.com/desctopwalls/images/max/Ideal-landscape.jpg");
}