html - 如何将 内的背景设置为图像

Question

我在将容器背景设置为特定图像时遇到问题，我的容器 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>

我已经尝试将背景图像添加到我的 css

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

还尝试使用图像所在文件夹的完整 url 路径并尝试拥有它...

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

和

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

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

Answer 1

它对我有用，看这个fiddle ，没有对您的代码进行任何更改，使用了示例图片 url，

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

问题好像出在你的图片url上，检查一次。