如何通过 CSS 将背景图像设置为按钮？答案

【问题标题】：How to set a background image to a button via CSS?如何通过 CSS 将背景图像设置为按钮？
【发布时间】：2013-01-16 00:19:47
【问题描述】：

我有以下 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 变体但无济于事。有什么建议吗？

【问题讨论】：

【解决方案1】：

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

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

【讨论】：