Firefox 3.6 破坏了我的页面样式！答案

【问题标题】：Firefox 3.6 destroyed my page styling!Firefox 3.6 破坏了我的页面样式！
【发布时间】：2010-01-27 14:53:07
【问题描述】：

真的不想把这个问题归咎于 mozilla，我敢肯定这可能是我做了一些愚蠢的事情，但页面位于：

万维网。 neverMindFixed .com

该演示文稿可以在其他浏览器上正常运行，但不能在最新的 firefox 上运行。有人对此有所了解吗？

谢谢！

硅

【问题讨论】：

【解决方案1】：

好的，首先，你的 CSS 是一团糟。其次，有这样的声明：

#faq-bb li { list-style-image:url(/display_images/stonewall/faq_bullet.gif; list-style-type: none; margin: -2px; padding: 0px;  visible:false;}

注意 URL 周围的非常重要的第二个 )。看来FF 3.6有点挑剔了。

【讨论】：

挑剔的另一个词？符合。在现实中，猜测 url() 的结尾在哪里应该永远不够好。我有点希望他们能更严格地防止编码错误。
谢谢大家。 Firefox 似乎正在删除任何具有无法识别/错误的 css 属性的声明。与其他浏览器相比，非常苛刻。我想是严厉的爱。不过再次感谢，这里的几乎每个人都对“修复你的垃圾 CSS”消息感到满意——这绝对是问题所在。硅
@Si 它会抱怨，但通常不会放弃整个声明。我只是通过添加缺少的括号来测试修复程序并且它有效。看起来其他浏览器和 FF } 就设法从丢失的) 中恢复或安全地忽略它们，但是3.6 在文件的其余部分中查找) 并放弃。我有点同意“严厉的爱”的做法，但这看起来像是一个错误。

【解决方案2】：

你有visible:false;——“false”不是有效值。您的意思要么是 visibility: collapse;，但在旧版浏览器中的支持可能很差，或者是旧的备用 display: none;。

【讨论】：

【解决方案3】：

页面上有很多validation errors，这可能会导致问题。这些听起来最重要：

也正如 Anonymous 指出的那样，存在 CSS 错误。没有属性visible - 我猜你想要visibility: hidden。但我很肯定你不需要隐藏这么多东西。

【讨论】：

【解决方案4】：

对我来说，您的网站也在 Firefox 3.5 和 Chrome 上运行，但 Firefox 3.6 存在问题。您的演示文稿正在运行，但

<span class="hidden"> .... </span>

标签显示而不是保持隐藏状态。

为什么会有这些标签？

如果你想保留它们，你可能想清理你对“隐藏”类的定义，就像匿名所说的那样，你不能指定“可见：假”。删除它，然后验证其余的 CSS 和 HTML。确实有很多错误。

【讨论】：