JSF outputstylesheet 在 Firefox 中不起作用？答案

【问题标题】：JSF outputstylesheet doesnt work in firefox?JSF outputstylesheet 在 Firefox 中不起作用？
【发布时间】：2011-11-09 09:34:35
【问题描述】：

我的 outputStylesheet 标签有问题：

它在 chrome 中完美运行，但在 firefox 中根本无法运行

    <h:head>
        <title><ui:insert name="title" /></title>
            <h:outputStylesheet library="css" name="style.css" />   
    </h:head>

我应该怎么做才能解决这个问题？我的应用程序看起来不错，但只是在 google chrome 中。

在 FF 中，inspect 元素选项显示 CSS 文件及其所有选项，但浏览器根本不显示它。

【问题讨论】：

1) FF 中到底发生了什么失败？生成的 HTML 输出是什么？ Firebug 对 CSS 的响应状态和正文有什么看法？ “检查元素”说明了哪些样式？ 2）好奇，你能发布完整的堆栈跟踪吗？什么 JSF impl/version 和 server impl/version？我记得旧版本中与此相关的状态保存问题。
@BalusC 1) 在 FF 中失败的是，没有一个 CSS 像在 Chrome 甚至 IE 中那样工作 2)我修复了这个问题，看起来有一些不相关的错误不允许构建（outputstylesheet 现在正确放置在 head 标记中）。我使用 JSF 2.0，我的 web.xml 说它是 3.0 版（对不起，我在这方面不准确，我经常感到困惑）
好的，那么这只是一个 CSS 问题。是否加载了 CSS 文件？（Firebug 应该给出响应状态 200 和正确的正文内容）。您是否在使用 PrimeFaces 之类的 3rd 方组件库？它可能只是覆盖了你的风格。 “Inspect Element 对任何被覆盖的样式有什么说明？在 Firefox 中打开页面，右键单击感兴趣的 HTML 元素，选择 Inspect Element，在 Firebug 框的右侧，您应该会看到已声明和覆盖的 CSS 属性。至于 2) 它不再相关。对于 JSF impl/version，我的意思是更像 Mojarra 2.1.2 和 Server impl/version，如 Glassfish 3.1.1。
@BalusC 在这个我没有使用任何第 3 方库。但我确实添加了一个名为 addThis（社交网络）www.addthis.com 的小工具，我确实检查了元素，我在右侧看到了我的 CSS，所有看起来都与文件中的一样。只有几个变量被删除（比如它们不兼容）。好的，我检查了一些元素，在右边我看到了正确的 CSS
它们只有在被另一个 CSS 声明覆盖时才会被删除。如果该属性不受支持，则根本不会出现。你有多个 CSS 文件吗？如果您详细说明应用了哪些 CSS 属性，哪些没有应用，将会更有帮助。说“不工作”给了我们任何工作。您可以显示一个 SSCCE 所有的 CSS 并发布一些屏幕。

标签： java css firefox jsf jsf-2

【解决方案1】：

当一个或多个 CSS 属性被另一个样式表覆盖时，就会发生这种情况。使用 Firebug 应该可以帮助您确定罪魁祸首。在 Firefox 中打开页面，右键单击感兴趣的 HTML DOM 元素并选择 Inspect Element。 Firebug 应该显示在底部框中，左侧是 HTML DOM 树，右侧是所有 CSS 属性的列表。如果一个属性被删除，那么这意味着有另一个 CSS 属性已经覆盖了它。在同一个列表中，您应该能够找到责任财产及其位置。

【讨论】：