css - 图像未显示在 div 中

Question

我试图让背景图像显示在按钮 div 中，但它没有显示。

将 background-image 更改为 background-color 会起作用，它会在图像应该出现的正确位置显示颜色。

我在这里画了一个空白:jsfiddle

这是一段代码:

.strawberry {
height:65px;
width:100%;
background-image: url('src/bg_button.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:center; 
overflow:hidden;
}

我是 html5 的新手，所以请保持温柔。

Answer 1

您可能不在正确的文件夹中试试这个:

.strawberry {
    height: 65px;
    width: 100%;
    background: url("../src/bg_button.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    overflow: hidden;
}