Question

在早期版本的IE中使用的Bootstrap（在我的情况下，2.3.1）组件存在无数问题。我的问题还有很多其他潜在的问题可能是应用程序环境中的罪魁祸首：jQuery + Bootstrap已知冲突，Java使用Spring框架，Freemarker模板，＆amp; c。，＆amp; c。

但是我的问题只是试图让一个Bootstrap popover上的一个按钮显示在IE中，目前它不会，尽管Chrome，Firefox和c都没有问题。（我知道，令人震惊，对吗？）我有一个Freemarker模板调用数据内容来填充链接上的popover，一个带有两个<a>标签的popover，其类为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兼容性视图中很好用。可能这个问题的最佳答案是“不要使用IE 8”，但我们的主要企业客户无疑会不同意。：/

Answer 1

难以仅使用部分HTML进行调试，但我会尝试使用：

1。）HTML（和CSS）是否有效（或至少接近有效）？

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

3。）IE兼容性视图和X-UA兼容

和3.资源可以在MSDN和/或Google上找到（抱歉，由于代表不能发布直接链接）...

IE 8中不显示Bootstrap Popover按钮

1 个答案: