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）。