div框的html css背景图片

Question

我正在尝试为我的网站制作一个带有背景图片的div框。 div框本身可以完美运行，但是其中没有背景图像。 有人有主意吗？

.box {
width: 600px;
height: 400px;
padding: 20px;
box-shadow: 0px 0px 10px 2px grey;
margin: 100px auto;
border: 10px solid red;
background-image: url(/img/header.jpg);
background-size: cover;

}

Answer 1

尝试指向绝对路径：

.box {
width: 600px;
height: 400px;
padding: 20px;
box-shadow: 0px 0px 10px 2px grey;
margin: 100px auto;
border: 10px solid red;
background-image: url("http://www.website.com/img/header.jpg");
background-size: cover;

}

JSFIDDLE