我在开发Internet Explorer时遇到了困难。
下面是一个项目的快照,它出现在IE9中,下面是Google Chrome,它在Firefox中也一样。
在这一页的IE9中有些东西不能正常工作。。。
导航栏,链接在IE的顶部而不是垂直居中
导航栏没有在IE中应用方框阴影
侧边栏和内容框在IE中既没有阴影也没有斜角
标签盒在IE中没有圆边
在内容部分,注意页面右侧的两个标签“CSS”和“FONTS”被向下推,在Chrome版本中它们是对齐的。
这个项目没有联机,所以我不能显示它,但是我已经将头部分放到了JSSFiddle页面中http://jsfiddle.net/kenLs/3/embedded/result/您可以看到这个头的JSFiddle在IE9中工作正常。
这让我很困惑,它在JSFiddle上工作,但在我的站点上不工作。我已经看了所有我能想到的使它正确工作的东西。我甚至在标题中添加了<meta http-equiv="X-UA-Compatible" content="IE=9" />。我的页面上有一些HTLM5元素,但是我用常规div替换了它们,只是为了用IE来测试,我做的任何事情似乎都不能改变这些问题。
IE9快照
Chrome快照
我知道这很难调试,因为该项目不是在线的,但如果你有任何想法,为什么这可能会发生,我真的很想知道。
更新
我刚刚意识到,在JSFiddle上,如果我关闭兼容性视图,那么即使是头部也会像我的图像中那样
我还添加了另一个简单的JSFiddle测试,它只包含了我的标记的代码,即使这一小部分代码在IE中也不能正常工作,我也必须点击兼容模式才能工作,否则角落是方形的http://jsfiddle.net/j9Qe3/1/

最佳答案

如果它在jsfiddle中工作,但在您的站点上不工作,我想知道您是在使用doctype,还是在doctype之前放置了什么东西,会使IE进入quirks模式。

07-24 09:44
查看更多