html - IE 8(可能更早)CSS 灾难

标签 html css internet-explorer cross-browser

<分区>

我犯了使用最新版本的 safari/firefox 和 chrome 设计网站的错误。我简单地检查了一下它在 IE 10 上看起来还不错,但没有投入太多的后备。然后我开始使用“更性感”的 css 技术并忘记了 IE。

我没有辩护,这是一个愚蠢的错误。

该站点在早期版本的 I.E 中看起来很糟糕。它在 I.E8 上进行了简短测试。导航栏横跨页面,entypo 字体不显示,微调器全乱了。这是第一页,我还没有看到其他页面。

更糟糕的是,我使用的是 mac,我的 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

最佳答案

如果您在设计整个网站时没有考虑 IE,则没有简单的解决方法。我建议使用仅适用于 IE 的样式表。

像这样:

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

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

关于html - IE 8(可能更早)CSS 灾难,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18508513/

相关文章:

html - 模态和 anchor 标记 href 错误

html - iFrame 和 Table 改变社交图标的样式

html - 如何在浏览器调整大小时从重叠居中的静态 div 中修复 div?

JavaScript 语句在 IE 中不起作用

html - 如何让网页垂直居中?

javascript - 需要碰撞检测的 Javascript 和 Canvas "engine"

css - 有没有办法减少小屏幕上显示的单选按钮数量,然后循环显示它们?

css - 如何在手机 (iphone) 上全屏显示我的网站

javascript - 通过 Ajax 更新 textarea 的设置 SelectionStart 属性导致 IE 中出现错误 800a025e

java - 使用 Java 在 Internet Explorer 上运行的 WebDriver 中出现 "No element is found"异常