Opera 中加载，在 Chrome、Mobile Safari、Safari（桌面）中运行良好 [关闭]

【问题标题】：Stylesheet doesn't load in Firfefox/IE/Opera, works fine in Chrome, Mobile Safari, Safari (desktop) [closed]样式表无法在 Firfefox/IE/Opera 中加载，在 Chrome、Mobile Safari、Safari（桌面）中运行良好 [关闭]
【发布时间】：2013-06-05 18:06:56
【问题描述】：

我设计的页面在 Chrome 和 Safari 中完美运行，但在其他浏览器中无法运行

链接：http://intelsystems.in/testing/

【问题讨论】：

为什么在包含 js.flexslider.js 的同时，</scri pt> 中有一个空格？
检查您的 HTML，它不正确，您在 body 元素中有 doctype 标签，而 body 中的其他元标签应该在 head 标签中。您还需要在 html 标记之前定义 doctype。
... 和其他 34 个错误。还有很多警告！

标签： css firefox cross-browser stylesheet

【解决方案1】：

问题在于您的主题 CSS 中的这条规则：

.plus .theHoverBorder:hover{
    background-image:url(../img/plus01.png
    background-repeat:no-repeat;
    background-position:center center;
    background-color:rgba(35,35,35,0.5)
}

请注意背景图像上缺少关闭);。根据规范，这会使} 被忽略，并导致以下所有规则都被忽略。

WebKit 有许多 CSS 解析错误，其中一个是其中之一：它们没有遵循此处的规范，这就是为什么这在 Chrome 和 Safari 中“有效”的原因。其他浏览器都遵循规范。

【讨论】：