css - 样式表无法在 Firfefox/IE/Opera 中加载，在 Chrome、Mobile Safari、Safari（桌面）中运行良好

Question

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

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

Answer 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)
}

请注意背景图像上没有关闭);。根据规范，这会使}get 被忽略，从而使以下所有规则都被忽略。

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