代码之家  ›  专栏  ›  技术社区  ›  Kyle

按钮元素上的多个类

  •  1
  • Kyle  · 技术社区  · 14 年前

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

    .rfrsh-btn {
        background-image:url(../../upload/rfrsh_nb_grey.png);
        ... 
    }
    
    .submit
    {
        font-size: 0.85em;
        padding: 0;
    }
    

    这是完美的工作作为一个身份证之前。现在我把它改成一个类,你看,没有图像。

    <button> 元素似乎不希望在应用背景图像和样式的情况下显示。

    有什么原因吗?或者我是代码盲,做错了什么。

    谢谢大家:)

    2 回复  |  直到 14 年前
        1
  •  1
  •   Ioannis Karadimas    14 年前

    有几个原因。例如,很可能您的图像路径不正确。值得注意的是,CSS中的路径是相对于.CSS文件的位置的,而不是相对于包含页面的。

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

    http://www.thetruetribe.com/2008/03/firebug-tutorial-getting-started/

        2
  •  0
  •   Sruly    14 年前

    类名中的下划线可能会导致问题。尝试重命名rfrsh\u btn。

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