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

<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; 
}

的“正常”类调整字体样式和“B-ALL”增加了一个边界，以取代丑陋默认那些。颜色显示，但没有图像，我尝试了许多CSS的变体，但无济于事。有什么建议么？

2013-01-16 LeeBrooks3

您可以检查元素并查看应用了哪些样式（右键单击 - 检查元素）。另外检查该图像的URL是相对于你的CSS文件。 – antejan

嗨antejan，感谢您的建议，我已经尝试过，并且没有出现应用样式的任何问题，并且正在正确访问图像。 – LeeBrooks3

尝试删除'固定'属性 – Musa

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

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

2013-01-16 00:23:29 Jon

嗨乔恩，是的图像是'/ css'里面，因此被正确地指向和访问。 – LeeBrooks3

回答