2014-07-03 79 views
1

我目前正在使用html5,css3和bootstrap框架的静态网站项目。在Firefox中,一切看起来都很棒,但在Internet Explorer 8中,该网站已完全损坏。bootstrap在Internet Explorer 8中不起作用

两件事情都不能正常工作:

  • 主菜单不可用
  • 传情箱脱落的布局。

我已经测试了以下标准故障:

  • 网站在兼容模式下运行的Internet Explorer
  • HTML5shiv.js和respond.js存储我自己的服务器上,并通过不加载CDN
  • 我已经设置警报,以检查所有脚本运行
  • HTML是在标准模式和非q有效
  • 网站运行uirks模式

我试图找出与现场使用这些工具发生的事情:

  • IE调试
  • 另外与IETester检查
  • 萤火虫

你有什么建议吗?

我的项目可以看here

+2

您应该首先为IE浏览器添加'html5shiv',并将兼容模式更改为默认IE8模式** – Jai

+0

兼容模式可能导致浏览器在IE7模式下加载。通过开发人员工具检查您的浏览器仿真设置是否指向IE8。 – athms

+0

尝试添加:<! - [if lt IE 9]> Deceiver

回答

0

我自己解决了这两个错误。我解决了第一个问题“主菜单不可用”,通过将z-index与绝对位置相结合来为IE添加一个css文件。对于ie8fix.css

<!--[if lt IE 9]> 
    <link href="css/ie8fix.css" rel="stylesheet"> 
<![endif]--> 

CSS内容:

.nav{position: absolute; z-index:999;} 

第二个问题是不是一个真正的错误,因为一个对话框,在其中高于所有其他人,那就是之所以箱掉下来的设计。所以我纠正了高度值(在我的情况下:删除一个html中断),现在它工作正常。

相关问题