CSS不适用于IE和Firefox,但可以在Chrome中使用

克里斯

网站jgimprinters.com可以在Chrome中加载并正常运行,但不能在IE或Firefox中运行。我已经验证IE下载了样式表,但是它并没有应用很多样式。例如,在IE中,原本应该以全尺寸隐藏的菜单按钮正在显示,并且全部弹出(太大),菜单样式均不起作用,几件事的背景色不起作用。尽管IE可以看到样式表,但它没有应用样式。

任何帮助,将不胜感激。

谢谢

编辑:片段不能正常工作-对于初学者来说,整个导航-和标题从导航下面丢失

#nav-wrapper{
	max-width:900px;
	margin:0 auto;
}
#nav{
	list-style:none;
	
}
#nav li{
	float:left;
}
#nav li a{
	webkit-border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
border-radius: 6px 6px 0 0;
padding: 0 17px;
margin: 0 auto;
position: relative;
display: block;
height: 30px;
cursor: pointer;
text-decoration: none;
color: #FFFFFF;
line-height: 30px;
text-align: center;
font-size:12px;
font-weight:bold;

}
#nav li a.active, #nav li a.better-active{
	background: #EDEDED;
	color: #5D5F5D;
}
#nav li a:hover{
	background:#5D5F5D;
	color:#ffffff;
}
#menu-button{
	display:none;
	width:36px;
	cursor:pointer;
}
#menu-button img{
	margin:0px;
}
#head-wrapper{
	height:150px;
	background:url('/wp-content/uploads/2015/02/header.png') no-repeat;
	background-position:center;
	width:100%;
	display:block;
	
}
#head-inner{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

#logo{
	margin-left:30px;
	float:left;
}
#head-right{
	float:right;
	width:270px;
	margin-top:30px;
	margin-right:15px;
}
#callout{
	font-size: 14px;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-transform: none;
font-variant: normal;
text-align: left;
color: #ED1D2E !important;
width:280px;

}
#phone{
	font-size: 30px;
font-family: 'Trebuchet MS', Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-align: left;
vertical-align: middle;
color: #000000 !important;
text-decoration:none;
}

IE和Firefox几乎忽略了所有这些。

看起来像: IE萤幕撷取画面

应该看起来像: 在此处输入图片说明

aaronk6

styles.css第385行文件中存在语法错误,Chrome似乎可以为您解决,而其他浏览器则无法解决。

… url(/wp-content/uploads/2015/02/nav.png') …

有一个关闭的撇号尚未打开。之后的所有CSS都不会被解析。

我怎么知道的?

我在喜欢的编辑器中打开了样式表,并注意到在385行之后,所有内容均为黄色,这是字符串的颜色。

崇高截图

但是,验证CSS也会有所帮助,因为它还会发现错误(以及其他错误):

386 #main-nav   Value Error : background top is not a color value ) no-repeat, …

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

JavaScript提交不适用于Chrome / Safari,但可以在Firefox / IE中正常运行

来自分类Dev

JavaScript提交不适用于Chrome / Safari,但可以在Firefox / IE中正常运行

来自分类Dev

RavenDB查询不适用于C#,但可以在RavenDB Studio中使用吗?

来自分类Dev

Excpetionmapper不适用于Wildfly Swarm,但可以在Wildfly Server中使用

来自分类Dev

查询不适用于 PHP,但可以直接在 Mysql 中使用

来自分类Dev

该Javascript无法在IE中使用,但可以在Chrome,Firefox和Opera中使用

来自分类Dev

Google Maps API GeoJSON不适用于IE 11,但可在Chrome中使用

来自分类Dev

CSS空格nowrap IE失败,但可以在Firefox / Chrome中使用

来自分类Dev

CSS空格nowrap IE失败,但可以在Firefox / Chrome浏览器中使用

来自分类Dev

日期条件不适用于我的应用程序,但可以在SQL Server中使用

来自分类Dev

CSS按钮不适用于超棒的字体,但可以完美地使用十六进制

来自分类Dev

jasmine.clock()。tick()不适用于$ timeout和去抖动,但可以与setTimeout一起使用

来自分类Dev

Ruby On Rails回调不适用于Heroku,但可以在本地使用

来自分类Dev

CSS-@media不适用于Firefox和IE

来自分类Dev

无法从FireFox连接到远程服务器,但可以在IE和Chrome浏览器中使用

来自分类Dev

CSS规则适用于IE,但不适用于Chrome / Firefox

来自分类Dev

Angular JS不适用于IE9,但可以与其他浏览器一起使用

来自分类Dev

jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

来自分类Dev

jQuery Javascript仅适用于chrome和firefox,不适用于IE

来自分类Dev

jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

来自分类Dev

CSS效果可在Chrome中使用,但不适用于IE 11

来自分类Dev

与Host App的自定义键盘扩展通信,但不适用于设备,但可以在模拟器中使用

来自分类Dev

符号字体AGA Arabesque可在Chrome中使用,不适用于FF和IE

来自分类Dev

CSS无法在Chrome中使用,但可以在IE中使用

来自分类Dev

网站无法在Chrome中使用,但可以在FF和IE中使用

来自分类Dev

CSS动画不能在Chrome中使用,但可以在Firefox中使用?

来自分类Dev

Google Map,样式不适用于带有类的标记img,但可以使用img [src]

来自分类Dev

Google Map,样式不适用于带有类的标记img,但可以使用img [src]

来自分类Dev

chrome中不会生成keypress事件,但可以在ie和ff中使用

Related 相关文章

  1. 1

    JavaScript提交不适用于Chrome / Safari,但可以在Firefox / IE中正常运行

  2. 2

    JavaScript提交不适用于Chrome / Safari,但可以在Firefox / IE中正常运行

  3. 3

    RavenDB查询不适用于C#,但可以在RavenDB Studio中使用吗?

  4. 4

    Excpetionmapper不适用于Wildfly Swarm,但可以在Wildfly Server中使用

  5. 5

    查询不适用于 PHP,但可以直接在 Mysql 中使用

  6. 6

    该Javascript无法在IE中使用,但可以在Chrome,Firefox和Opera中使用

  7. 7

    Google Maps API GeoJSON不适用于IE 11,但可在Chrome中使用

  8. 8

    CSS空格nowrap IE失败,但可以在Firefox / Chrome中使用

  9. 9

    CSS空格nowrap IE失败,但可以在Firefox / Chrome浏览器中使用

  10. 10

    日期条件不适用于我的应用程序,但可以在SQL Server中使用

  11. 11

    CSS按钮不适用于超棒的字体,但可以完美地使用十六进制

  12. 12

    jasmine.clock()。tick()不适用于$ timeout和去抖动,但可以与setTimeout一起使用

  13. 13

    Ruby On Rails回调不适用于Heroku,但可以在本地使用

  14. 14

    CSS-@media不适用于Firefox和IE

  15. 15

    无法从FireFox连接到远程服务器,但可以在IE和Chrome浏览器中使用

  16. 16

    CSS规则适用于IE,但不适用于Chrome / Firefox

  17. 17

    Angular JS不适用于IE9,但可以与其他浏览器一起使用

  18. 18

    jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

  19. 19

    jQuery Javascript仅适用于chrome和firefox,不适用于IE

  20. 20

    jQuery touch Punch适用于Chrome和Firefox,但不适用于IE

  21. 21

    CSS效果可在Chrome中使用,但不适用于IE 11

  22. 22

    与Host App的自定义键盘扩展通信,但不适用于设备,但可以在模拟器中使用

  23. 23

    符号字体AGA Arabesque可在Chrome中使用,不适用于FF和IE

  24. 24

    CSS无法在Chrome中使用,但可以在IE中使用

  25. 25

    网站无法在Chrome中使用,但可以在FF和IE中使用

  26. 26

    CSS动画不能在Chrome中使用,但可以在Firefox中使用?

  27. 27

    Google Map,样式不适用于带有类的标记img,但可以使用img [src]

  28. 28

    Google Map,样式不适用于带有类的标记img,但可以使用img [src]

  29. 29

    chrome中不会生成keypress事件,但可以在ie和ff中使用

热门标签

归档