我是一名使用CSS和客户端脚本的新手,但我注意到与获得一致的跨浏览器显示相关的问题。例如,创建CSS导航菜单。
我只是尝试创建一个绿色背景的下拉菜单,该菜单在IE中完美显示,但在Chrome中则不然。当我修改CSS中的背景色线时,背景在IE中正确显示,但Chrome保留了之前的背景,Firefox也是如此。
#menu {
display: block;cc
width: 100%;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background-color: green;
background-image: linear-gradient(#444, #111);
border-radius: 50px;
box-shadow: 0 2px 1px #9c9c9c;
-webkit-transition-property: background-color, color;
-webkit-transition: 0.3s;
display: block;
// display: table-
我应该提一下,我还包括一个标准的jQuery脚本(来自JQuery站点),还在服务器端使用JSF Primefaces。
奇怪的是,Chrome和FF对CSS的任何修改完全没有反应。 EG:如果我完全删除背景颜色线,白色背景将显示在IE中,但Chrome保留相同的背景。在深入并定位我的整个CSS之前,我首先想看看我是否遗漏了一些简单的东西。
我还删除了所有浏览器的浏览历史记录和禁用缓存。 IE和FF表现正常。加载应用程序时没有控制台错误。 IE显示正确的背景,FF没有,表现得像Chrome。
首次在Chrome中加载应用程序时,也没有错误。但是,在Chrome中刷新应用程序时,控制台中会产生以下错误。
Uncaught SyntaxError: Unexpected end of input
primefaces.js.xhtml?ln=primefaces&v=5.0:17 Uncaught SyntaxError: Unexpected end of input
jquery-ui.js.xhtml:2128 Uncaught SyntaxError: Unexpected end of input
IonHome.xhtml:43 Uncaught ReferenceError: $ is not defined(anonymous function) @ IonHome.xhtml:43
IonHome.xhtml:43 Uncaught ReferenceError: PrimeFaces is not defined(anonymous function) @ IonHome.xhtml:43
IonHome.xhtml:43 Uncaught ReferenceError: $ is not defined(anonymous function) @ IonHome.xhtml:43
IonHome.xhtml:43 Uncaught ReferenceError: PrimeFaces is not defined(anonymous function) @ IonHome.xhtml:43
我之前已经看过几个关于Chrome和IE之间问题的问题,但到目前为止,我错过了关于上述具体问题的任何结论性答案。将不胜感激任何指导。提前谢谢!