Twitter 引导模式背景在 IE 中不起作用答案

【问题标题】：Twitter bootstrap modal backdrop not working in IETwitter 引导模式背景在 IE 中不起作用
【发布时间】：2013-09-09 13:05:52
【问题描述】：

我有一个通过 jQuery 包含的模态，例如：

var vCheckModal = 
    "<div id='myModal' class='custom-modal modal hide fade'>" 
        + "<div class='modal-header'><button type='button' class='close' data-dismiss='modal' aria-hidden='true'>×</button></div>"
        + "<div class='modal-body'><p>Please Upgrade</p></div>"
        + "<div class='modal-footer'><button class='btn' data-dismiss='modal'>Close</button></div>"
    + "</div>";

然后在浏览器检查时触发：

if (BrowserDetect.browser == "Explorer"){ //If browser is IE
        if (BrowserDetect.version < 10){ //purely for testing
            console.log("less than 10");
            $('body').append(vCheckModal);
            $('#myModal').modal({
                backdrop: true,
                backdrop: 'static',
                show: true
            })
        }
    }

当我将模式更改为出现在 Firefox 和 chrome 中时，效果很好。但在 IE 8、9、10 中，我看到的背景不是灰色的。但是，如果我访问 twitter bootstrap 演示站点，我可以看到模态的灰色背景很好。虽然我认为这是不同的初始化。谁能指出我为什么会发生这种情况的正确方向？

Boostrap v：2.3.2

目前使用this detection script

【问题讨论】：

能否指定IE和Bootstrap的版本？还有你用什么浏览器检测工具？
用更多信息更新了问题
@Mat-visual 我猜这可能是“DOC-TYPE”的问题。所以添加这个<meta http-equiv="X-UA-Compatible" content="IE=edge">
谢谢，这已经在我的脑海里了 :(
@Mat-visual 哦，没用？你能分享一个小提琴吗？

标签： jquery internet-explorer twitter-bootstrap cross-browser

【解决方案1】：

在制作 jsFiddle 时，我将问题追溯到我正在使用的引导 CSS 文件。我不确定如何，但它缺少一些 CSS。我改成了正确的版本，现在在 IE 中运行良好。

【讨论】：

接受答案。