2014-07-03 2 views
1

В настоящее время я работаю над проектом статического веб-сайта, который использует html5, css3 и фреймворк bootstrap. В Firefox все выглядит отлично, но в Internet Explorer 8 сайт полностью поврежден.bootstrap не работает в Internet Explorer 8

Две вещи не работают должным образом:

  • Главное меню не доступно
  • тизер коробки падают из макета.

Я уже протестировали следующие стандартные отказы:

  • Сайт работает в режиме совместимости для Internet Explorer
  • HTML5shiv.js и respond.js хранятся на собственном сервере, а не загружаются с помощью
  • CDN
  • Я настроить оповещения, чтобы проверить, что все скрипты работают
  • HTML является действительным
  • запуска сайта в режиме, а не по стандартам д Режим uirks

Я попытался выяснить, что происходит с сайтом с этими инструментами:

  • IE отладчик
  • дополнительно проверить его с IETester
  • Firebug

Есть ли у вас какие-либо предложения?

Мой проект можно посмотреть here.

+2

Вы должны добавить 'html5shiv' в первую очередь, я думаю, для браузеров IE и ** изменить режим совместимости на режим IE8 по умолчанию. ** – Jai

+0

Режим совместимости, вероятно, вызывает загрузку браузера в режиме IE7. Убедитесь, что настройки эмуляции браузера указывают на IE8 через инструменты разработчика. – athms

+0

Попробуйте добавить следующее: <сценарий SRC = "http://html5shiv.googlecode.com/svn/trunk/html5.js"> Deceiver

ответ

0

Я решил две ошибки самостоятельно. Я решил первый выпуск «Главное меню недоступно» с дополнительным css-файлом для IE путем фиксации z-индекса в сочетании с абсолютным положением.

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

содержание CSS для ie8fix.css:

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

Вторая проблема не была действительно ошибка, потому что один ящик, где выше, чем все остальные, и это было причиной, почему коробка выпадают из дизайн. Поэтому я исправляю значение высоты (в моем случае: удалить html break), и теперь он отлично работает.

Смежные вопросы