Html CSS在IE中变得一团糟（就像一半的CSS没有加载）

我有一个网站在IE中完全搞砸了，我想知道是否有人能帮我找出它的毛病

有问题的那一页是

当我在IE中打开它时，好像有一半的CSS代码没有加载。字体颜色是一样的，没有列，等等。我已经把CSS文件削减到最小，试图找出是什么导致了这个…但我仍然无法让它正常工作

有人能帮我找出原因吗

以下是CSS文件：

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
a img{border:none}
@font-face{font-family:"agb";src:url("../fonts/b.eot");src:url("../fonts/b.eot?#iefix") format("eot"),url("../fonts/b.ttf") format("truetype")}
body, input,textarea,select,button{font:normal 16px "helvetica neue",helvetica,arial,sans-serif;line-height:24px}
h1{font:48px/60px "helvetica neue",helvetica,arial,sans-serif;font-weight:normal;margin-bottom:20px}
h2{font-size:26px;line-height:30px;margin-bottom:5px;font-weight:bold}
h3{margin-bottom:5px;font-size:20px;line-height:25px;font-weight:normal;color:#3a3e42}
h4{font-weight:bold}
a{outline:0;text-decoration:none;color:#2d81c5}
html{background:#d5d8db url(../images/public/body.png) fixed;background:url(../images/public/body-gradient.png) repeat-x fixed,#d5d8db url(../images/public/body.png) fixed;color:#52585d;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
.wrapper{position:relative;width:1020px;margin:30px auto 100px;padding:0 2px}
.page{position:relative;background:#fff url(../images/public/page.png);-moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5);-o-box-shadow:0px 0px 3px rgba(0,0,0,0.5);box-shadow:0px 0px 3px rgba(0,0,0,0.5);margin-bottom:20px;min-height:400px}
.page:after{content:" ";position:absolute;bottom:-8px;left:-1px;width:1022px;height:8px;text-indent:-119988px;overflow:hidden;text-align:left;background-image:url('../images/public/page-shadow.png');background-repeat:no-repeat;background-position:0 0}
.platter-section{padding:20px 60px 0px 20px;}
.main-nav{height:74px;background:#fff;-moz-box-shadow:rgba(0,0,0,0.1) 0 1px;-webkit-box-shadow:rgba(0,0,0,0.1) 0 1px;-o-box-shadow:rgba(0,0,0,0.1) 0 1px;box-shadow:rgba(0,0,0,0.1) 0 1px}
.main-nav .logo{position:absolute;top:18px;left:24px;display:block;width:152px;height:40px}
.main-nav .actions{position:absolute;top:20px;right:25px}

.hang{    background-image: url("../images/hang.png");     background-position: 0 0; background-repeat: no-repeat; height: 284px; left: 180px; overflow: hidden;  position: absolute; text-align: left; text-indent: -119988px; top: -46px; width: 300px; }
.actions {z-index: 2;}




h1{font-size:60px;line-height:64px;margin:20px 0}
.alpha{float:left;width:474px; color:#ff0000;}
.beta{color:#fff000; border-left: 1px solid rgba(0, 0, 0, 0.1); float: left; padding-bottom: 20px; padding-top: 159px; position: relative; width: 300px;} 
.signup-section-full-width{clear:both;}

---

仅供参考，您有许多CSS错误

编辑：

---

您也在使用HTML5元素，因此您可能希望包含类似Modernizer的内容，这将使HTML5适应底层浏览器。

FYI，您有许多CSS错误

编辑：

---

您也在使用HTML5元素，因此您可能希望包含类似Modernizer的内容，它将使HTML5适应底层浏览器。

您应用样式的许多元素都是HTML5-IE8及以下版本的元素，它们无法识别为有效、块级或可设置样式

对于旧版本的Firefox，您只需执行以下操作：

section, article {display:block;}

对于旧版本的IE，请在头部使用以下内容：

<!--[if lt IE 9]> 
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

---

应用样式的许多元素都是HTML5-IE8及以下版本，它们无法识别为有效、块级或可设置样式

对于旧版本的Firefox，您只需执行以下操作：

section, article {display:block;}

对于旧版本的IE，请在头部使用以下内容：

<!--[if lt IE 9]> 
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

IE8及以下版本不支持默认情况下在HTML5中使用的未知元素的CSS（但IE9中没有模糊）

但是，如果使用JS document.createElement创建同一标记名的元素，IE将神奇地意识到这些以前未知的元素是否存在。请看这里：

所以，使用一个创建HTML5虚拟元素的脚本，你就可以继续了。
IE8及以下版本不支持默认情况下在HTML5中使用的未知元素的CSS（但IE9中没有模糊）

但是，如果使用JS document.createElement创建同一标记名的元素，IE将神奇地意识到这些以前未知的元素是否存在。请看这里：

所以，使用一个创建HTML5虚拟元素的脚本，你就可以继续了。
可能与IE不兼容。你能帮我们发布你的CSS吗？我很乐意提供帮助，但是，该网站非常不安全，连接到强制安装特洛伊木马等。你的页面在Chrome和IE9中呈现相同，我看不出问题。这可能是因为安装了字体，去掉了字体，所以现在很安全。可能不是IE兼容的CSS。你能帮我们发布你的CSS吗？我很乐意提供帮助，但是，该网站非常不安全，连接到强制安装特洛伊木马等。你的页面在Chrome和IE9中呈现相同，我看不出问题。这可能是安装字体造成的，去掉了字体，现在就安全了。这些元素是什么？我想首先降级到最小的工作页面，只是为了得到一些works@Andrew-nav和section都是HTML5，IE<9不支持它们，因此您必须使用javascript适配器使它们工作，例如Modernizer或HTML5。这些元素是什么？我想首先降级到最小的工作页面，只是为了得到一些works@Andrew-nav和section都是HTML5，IE<9不支持，因此您必须使用javascript适配器使它们工作，例如Modernizer或HTML5