IE8中的Bootstrap popover（placement：'top'）行为不正确 [英] Bootstrap popover (placement: 'top') behaviors incorrect in IE8

问题描述

以下是弹出部分的javascript代码：

Here's the javascript code of the pop-over part:

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

以及IE8的屏幕截图：

And the screenshot of it from IE8:

有一个小的按钮上方的白色三角形，不应该在那里。

There's a small white triangle above the button, which shouldn't be there.

我注意到 Bootstrap的教程页面也存在同样的问题。但是当展示位置正确时，它在IE8中运行正常。

And I noticed the tutorial page of Bootstrap has the same issue. But when the placement is 'right', it just works fine in IE8.

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

So is this a common bug? Do we have some workaround for this?

推荐答案

我已经用IE8测试了这个例子，它运行得很好：

I have tested this example with IE8 and it worked perfectly:

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：

Javascript:

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

你可以在这里试试。

即使展示位置正确，您提到的三角形也会出现在Firefox上，尽管是与popover背景颜色相同。所以这是一个错误。

The triangle you mention is present even if the placement is "right" and appears on Firefox too, although is the same colour as the popover background. So it's a bug.

这篇关于IE8中的Bootstrap popover（placement：'top'）行为不正确的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！