HTML按钮元素上的多个类

时间:2010-08-30 13:38:10

标签: html css class

我知道元素可以有多个类:

.rfrsh-btn {
    background-image:url(../../upload/rfrsh_nb_grey.png);
    ... 
}

.submit
{
    font-size: 0.85em;
    padding: 0;
}

之前这是一个完美的ID。现在我把它变成了一个班级而且没有图像。

但由于某些原因,此<button>元素似乎不希望显示背景图像和样式。

这有什么理由吗?或者我代码盲并做错了什么。

我不能使用ID,因为它在页面上重复多次。

全部谢谢:)

2 个答案:

答案 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