Всплывающая кнопка начальной загрузки не отображается в IE 8

Существует множество проблем с компонентами Bootstrap (в моем случае 2.3.1), используемыми в более старых версиях IE. У моей проблемы есть целый ряд других потенциальных ключей, которые могут быть виновниками в среде приложения: jQuery + Bootstrap, известные конфликты, Java с использованием Spring Framework, шаблоны Freemarker и т. Д., И т. Д.

Но моя проблема заключается в том, что я просто пытаюсь заставить одну кнопку всплывающего окна Bootstrap отображать в IE, и в настоящее время это не происходит, хотя в Chrome, Firefox и т. Д. Проблем нет. (Я знаю, шокирует, верно?). У меня есть шаблон Freemarker, вызывающий data-content для заполнения всплывающего окна по ссылке, поповера с двумя <a> теги с классом btn:

<li class="popout document-toc" id="document-toc">
  <a class="reader-sprite toc pop-right" href="#" title="Table of Contents &amp; Notes" 
  data-content="<a href='#' class='btn btn-inverse contents'>
  <@spring.message "reader.actionbar.toc.contents"/></a>
  <a href='#' class='btn btn-inverse notes'>
  <@spring.message "reader.actionbar.toc.notes"/></a>
  <div class='content-pane'><h1 class='gradient'>&nbsp;
  <#--<@spring.message "reader.actionbar.toc.label"/>--></h1>
  <p class='no-toc'><@spring.message "reader.actionbar.toc.missing"/></p></div>
  <div class='notes-pane hidden'><h1 class='gradient'>&nbsp;
  <#--<@spring.message "reader.actionbar.toc.notes.label"/>--></h1></div>"></a>
</li>

Проблема в том, что content кнопка будет отображаться, но notes кнопки не будет. Оба имеют дисплей inline-block, теперь ширина намного больше, чем необходимо для notes кнопка, чтобы соответствовать, но ничего, что я делаю, кажется, не в состоянии заставить это отображаться. Я подозреваю, что проблема не в Spring или Freemarker, особенно учитывая, что это довольно базовая наценка, а также учитывая количество исследований, которые я проводил на обоих - но на данный момент, я действительно не знаю, в чем проблема. Я приветствую любые рекомендации, которые люди могут дать для решения и / или дальнейшего расследования. Спасибо за внимание.

ОБНОВЛЕНИЕ: Один заметный аспект, который я не упомянул, состоит в том, что эта отсутствующая кнопка прекрасно работает в IE 8 Compatibility View. Вероятно, лучший ответ на этот вопрос - "не используйте IE 8", но наши основные корпоративные клиенты, несомненно, не согласятся.:/

Источник

1 ответ

Трудно отладить только с частичным HTML, но я бы попробовал с:

1.) Является ли HTML (и CSS) допустимым (или, по крайней мере, близким к действительному)?

2.) <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />

3.) IE СОВМЕСТИМОСТЬ И X-UA-СОВМЕСТИМОСТЬ

  1. и 3. ресурсы можно найти в MSDN и / или Google (извините, не могу публиковать прямые ссылки из-за репутации)...
Источник
Другие вопросы по тегам