wordpress 主题的 CSS 只能在 Chrome 中正确呈现

Question

我在 www.agoracollective.org 上使用了一个来自 WPShower 的名为 Sight 1.0 的 wordpress 主题。它在 Chrome 中完美运行，但在 Firefox 和 Internet Explorer 中无法呈现 CSS 文件。在多台机器和操作系统上测试。没有运气在谷歌上搜索解决方案。任何提示将不胜感激。

谢谢

罗里

Answer 1

您的 css 文件中有多个错误。在 Firefox 中，按 Shift+Ctrl+J 弹出错误控制台，您会看到它们如潮水般涌来。由于解析错误，您的大部分 CSS 文件都被忽略了

例如/wp-content/plugins/events-manager/includes/css/events_manager.css，第 61 行:

}    <--dangling {, no matching } above
/* Add Event Form */

/wp-content/themes/sight-1/style.css，第 25 行:

body {font: 62.5% Helvetica, Arial, sans-serif"; background: #27292a url("http://www.agoracollective.org/ablog/images/backg.jpg") 50% 0 no-repeat; 
                                              ^---dangling "

等等等等。