javascript - Bootstrap 弹出窗口(位置 : 'top' ) behaviors incorrect in IE8

Question

弹出部分的javascript代码如下:

$('#view_case).popover({
    html: true,
    placement: 'top',
    title: 'Test Cases',
    content: function() {
        return $('#case_list').html();
    }
});

以及它在 IE8 下的截图:

按钮上方有一个白色的小三 Angular 形，不应该出现。

我注意到 the tutorial page of Bootstrap有同样的问题。但是当放置位置“正确”时，它在 IE8 中工作正常。

这是一个常见的错误吗？我们对此有一些解决方法吗？

Answer 1

我已经用 IE8 测试了这个例子，它运行良好:

HTML:

<p>
    <a rel="popover" title="Here It Is" data-content="This is it!" href="http://twitter.github.com/bootstrap/index.html" target="_blank">
        Learn more about Bootstrap
    </a>
</p>

Javascript:

$('a').popover({
    placement: 'top',
    trigger: "hover"
});

您可以 try it here .

即使位置“正确”，您提到的三 Angular 形也会出现，并且也会出现在 Firefox 上，尽管它与弹出窗口背景的颜色相同。所以这是一个错误。