Question

我有一个通过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

Answer 1

在制作jsFiddle时，我将问题追溯到我正在使用的bootstrap CSS文件。我不确定如何，但它缺少一些CSS。我改为正确的版本，现在它在IE中工作正常。

Twitter引导模式背景不在IE中工作

1 个答案: