IE 8(可能更早)CSS灾难

Question

我犯了使用最新版本的safari/firefox和chrome设计网站的错误.我简单地检查了它在IE 10上看起来没问题,但没有过多地投入后备.然后我开始使用'sexier'css技术并忘记了IE.

我没有防守,这是一个愚蠢的错误.

该网站在IE的早期版本中看起来很可怕它在I.E8上进行了简要测试.导航栏横跨页面,entypo字体不显示,旋转器全部搞砸了.那是第一页,我还没能看到其他人.

更糟糕的是,我使用的是Mac,我在其上运行Windows的Windows正在运行Windows 8,如果没有先安装旧版本的Windows,我就无法安装旧版本的IE.

它接近于灾难.该网站位于kingpetroleum.co.uk,非常感谢任何帮助.

编辑:字体细节不起作用

@font-face{font-family:'EntypoRegular';
src:url(data:font/woff;charset=utf-8;base64,d09GRg ...... ...... ..... etc);
src:url(data:fnt/truetype)format(''truetype); //deliberately mispelt there to avoid pasting a ton of code
url('entypo-webfont-webfont.svg#EntypoRegular') format('svg');
    font-weight:normal;
    font-style:normal

Answer 1

如果您在不考虑IE的情况下设计了整个网站,则无法轻松解决问题.我建议使用仅限IE的样式表.

像这样的东西:

<!--[if IE]>
<link href='ie-style.css' rel='stylesheet' type='text/css'>
<![endif]-->

然后重新设置您的元素,以便它们对IE友好.这适用于所有IE浏览器(不包括ie10),但有些标签仅在特定版本中使用此样式表.