html - 如何通过 CSS 为按钮设置背景图片？

Question

我有以下 HTML:

<button id='addEVENT' class='normal b-all'></button>

还有这个 CSS:

#addEVENT { 
    width:50px;
    height:25px;
    background:#EEEEEE url('icons/444444/pencil.png') no-repeat fixed center;
}

'normal' 类调整字体样式，'b-all' 添加边框以替换丑陋的默认边框。显示颜色但不显示图像，我尝试了多种 CSS 变体但无济于事。有什么建议吗？

Answer 1

路径 icons/444444/pencil.png 是相对于 CSS 文件的位置。假设 CSS 位于 css/ 中，这意味着您指向 css/icons/444444/pencil.png。

如果这不正确，请相应地修改路径(例如 ../icons/444444/pencil.png)。