网站可在 Chrome / Firefox 中运行，但不能在 Internet Explorer 中运行答案

【问题标题】：Website working in Chrome / Firefox but not in Internet Explorer网站可在 Chrome / Firefox 中运行，但不能在 Internet Explorer 中运行
【发布时间】：2013-02-27 21:28:35
【问题描述】：

我最近在www.matmetzner.co.uk 建立了一个新网站，它是用Chrome 作为我的默认浏览器设计的，在Firefox 中似乎也可以正常工作，但IE 只给了我背景图片。我是一名游戏设计师，并且知道一点网页设计，但我肯定不是这方面的专家，正如你可能知道的那样。

任何人都可以在我的源代码中看到可能导致它的任何内容吗？

抱歉，这个问题有点含糊，但由于没有一个有效，因此很难看出中断点，因此很难知道要尝试修复哪个特定位。

提前致谢。

【问题讨论】：

如果您提供一些代码供我们查看，将会很有帮助。我们无法猜测可能是什么问题。
我喜欢你的“我的技能”标签 :) 尤其是 html :)

标签： html css internet-explorer google-chrome firefox

【解决方案1】：

首先，我将在您的头部添加以下内容-

<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

这可能会解决一些问题。我不打算详细介绍这个元标记的作用。请查看here 或谷歌搜索。还可以使用CSS reset 将所有浏览器默认设置为标准。

然后解决个体差异并针对 IE 处理它们。还要记住使用conditional styles sheets（仅当事情开始变得有点困难时）。最后但同样重要的是记住a website doesn't need to look same in all the browsers，只要它不损害网站的可用性和目的。

希望对你有帮助

【讨论】：

太好了，是的，那个元标记似乎已经对其进行了排序，我会保留那个以备将来使用。谢谢！
@MatMetzner 我的荣幸 :)

【解决方案2】：

你也不要关闭你的样式标签

<style type="text/css">
<!--                                      < - BEGIN OF COMMENT
body {
    background-image: url(img/grass.jpg);
    background-repeat: repeat-y;
}


#website {
    position:absolute;
    width:211px;
    height:24;
    z-index:1;
    left: 799px;
    top: 3px;
}
.style1 {color: #FFFFFF}
</style>                                   < - COMMENT NEVER ENDED, SO TAG NOT READ?

从这里 IE 实际上假设它仍在读取您的样式标签。即使您已经在展示内容。

【讨论】：

不知道为什么那个评论打开了，但是正文背景图片正在其中加载，所以假设它正在被阅读，不过我现在试试，谢谢