在Chrome / Firefox中正常工作但在Internet Explorer中无法使用的网站

5
我最近在www.matmetzner.co.uk上发布了一个新网站,我使用Chrome作为默认浏览器设计它,Firefox也可以正常工作,但IE只显示背景图片。我是一名游戏设计师,对网页设计略有了解,但显然在这个领域不是专家。

有人能看出我的源代码中可能导致问题的地方吗?

抱歉问题有点含糊,因为没有任何东西可用,很难确定错误的位置,因此无法尝试修复特定的部分。

提前感谢。


1
如果您提供一些代码供我们查看,那将非常有帮助。我们无法猜测可能出现的问题。 - Bart
我喜欢你的“我的技能”标签页 :) 特别是 HTML :) - Morpheus
2个回答

9
首先,我会在你的头部区域添加以下内容-
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

这可能会解决一些问题。我不会详细介绍这个meta标签的作用,请查看这里或谷歌搜索。同时使用CSS重置将所有浏览器默认值统一。然后针对IE的差异进行处理。还要记得使用条件样式表(只有在遇到困难时才需要)。最后,记住网站不需要在所有浏览器中都显示相同,只要不影响网站的可用性和目的即可。

希望这能帮到您。


太好了,是的,那个元标签似乎解决了问题,我会记住它以备将来使用。谢谢! - Mat Metzner

3
你还没有关闭你的样式标签。
<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 实际上是假定它仍在读取您的样式标签,即使您已经展示了内容。


不确定为什么那个注释在那里,但是身体背景图片正在其中加载,因此可以假设它正在被读取,现在我将尝试一下,谢谢。 - Mat Metzner

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接