我知道元素可以有多个类:
.rfrsh-btn {
background-image:url(../../upload/rfrsh_nb_grey.png);
...
}
.submit
{
font-size: 0.85em;
padding: 0;
}
之前这是一个完美的ID。现在我把它变成了一个班级而且没有图像。
但由于某些原因,此<button>
元素似乎不希望显示背景图像和样式。
这有什么理由吗?或者我代码盲并做错了什么。
我不能使用ID,因为它在页面上重复多次。
全部谢谢:)
答案 0 :(得分:1)
有几个原因。例如,您的图像路径很可能不正确。值得注意的是CSS中的路径是相对于.css文件的位置而不是包含页面。
为了更好地了解现在和将来会发生什么,我建议您使用Chrome,它提供了一组很好的调试工具,或者使用安装了Firebug的Firefox。这样,您可以检查元素并查看应用,重叠或浏览器无法找到的任何图像的样式。
有关详细信息:http://www.thetruetribe.com/2008/03/firebug-tutorial-getting-started/
答案 1 :(得分:0)
类名中的下划线可能会导致问题。尝试重命名rfrsh_btn。
https://developer.mozilla.org/en/Underscores_in_class_and_ID_Names