HTML按钮元件上的多个类

我明白，元件可以具有多个类：

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

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

这是完全作为ID之前工作。现在我把它变成了一个班级，你看，没有图像。

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

这是有原因吗？还是我编码盲目并做错了什么？

我无法使用ID，因为它在页面上重复多次。

感谢所有:)

来源

2010-08-30 Kyle

我看不出什么毛病，你张贴的HTML和CSS。你想做什么，发生了什么？ – 2010-08-30 13:40:39

这个'

只是一个建议，但大多数主要浏览器都有开发人员工具或插件，允许您选择页面元素并确定哪些样式适用或不适用。用于Firefox的Firebug或Internet Explorer Developer Toolbar是可帮助您诊断问题的工具示例。 – kbrimington 2010-08-30 13:44:27

有以下几个原因。例如，很可能你的图像路径不正确。值得注意的是，CSS中的路径与.css文件的位置相关，而不是包含页面。

但是，为了更好地理解现在和将来会发生什么，我建议您使用Chrome，它提供了一套很好的调试工具，或者使用安装了Firebug的Firefox。通过这种方式，您可以检查元素并查看应用的样式，重叠或浏览器找不到的任何图像。

来源

2010-08-30 13:45:32

对于Firebug而言，我一直在使用它，并且所有图像路径都存在且正确。这在以前是完美的。现在我把它固定在一堂课上，瞧，没有图像。 – Kyle 2010-08-30 13:47:05

CSS选项卡是否显示按钮中的任何重叠样式，这会阻止样式工作？或者，也许旧的CSS被缓存？ – 2010-08-30 13:55:11

类名中的下划线可能会导致问题。尝试重命名rfrsh_btn。

https://developer.mozilla.org/en/Underscores_in_class_and_ID_Names

来源

2010-08-30 13:44:18 Sruly

哦！来* *！该列表中的所有浏览器都至少有10年历史了！这几乎没有相关的信息。 – 2010-08-30 13:46:33

有趣，但这是2006年写的，我不认为这仍然是一个问题（甚至该文章说IE6处理它们很好）： http://stackoverflow.com/questions/1686337/hyphens-or-underscores -in-css-and-html-identifiers – bjudson 2010-08-30 13:57:12

HTML按钮元件上的多个类

回答

相关问题