Bootstrap 2.3.2 popover样式不适用于IE 11(及更早版本)

时间:2013-09-02 12:27:49

标签: html css internet-explorer twitter-bootstrap twitter-bootstrap-2

我正在我的页面上创建一个简单的bootstrap 2.3.2 popover,它在Chrome和Firefox上完美运行,但是当涉及到IE时,popover样式没有正确显示:

IE screenshot

这是我的代码:
        

<a href="#" id="pop" rel="popover">(ver detalle) </a>

<div id="popoverContent" class="hide">
  <p>110001</p>
</div>

使用Javascript:

    $("#pop").popover({
        content: $('#popoverContent').html(), 
        title: "Detalle"
    });

2 个答案:

答案 0 :(得分:1)

问题是Internet Explorer在兼容性视图模式下运行页面,默认情况下为Intranet网站启用了该页面。我通过按Alt键显示菜单栏并转到工具&gt;兼容性视图设置,并取消选中“在兼容性视图中显示Intranet站点”来解决它。

答案 1 :(得分:0)

你有一个非常简单的修复,但如果你使用一个弹出框并填写标题,你应该确定你没有把它清空。我知道我们正在使用bs工具提示,我使用popover来获取一些d3.js的东西。在Chrome中我得到了一个popover和工具提示,所以我清空了属性&#34; title&#34;出。这导致IE在悬停时冻结。所以我必须检查它是否是IE并且不删除标题。这是一个烂摊子,但如果其他人遇到这个问题,你就不会看到这个问题。