簡體   English   中英

Twitter引導模式背景在IE中不起作用

[英]Twitter bootstrap modal backdrop not working in IE

我有一個通過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

當前正在使用此檢測腳本

在制作jsFiddle時,我將問題追溯到我正在使用的bootstrap CSS文件中。 我不確定如何,但是它缺少一些CSS。 我更改為正確的版本,現在在IE中可以正常工作。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM