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

Question

I've got a modal that i include via jQuery such as:

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>";

It then fires upon a browser check:

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
            })
        }
    }

Works fine when I've changed the modal to appear in Firefox and chrome. But in IE 8,9,10 i see not greyed out background. Yet if i visit the twitter bootstrap demo site, i can see the modal's greyed background fine. Although i think this is initialized differently. Can anyone point me in the right direction as to why this is happening?

Boostrap v: 2.3.2

Currently using this detection script

Answer 1

While making a jsFiddle, i traced the problem to the bootstrap CSS file i was using. I am not sure how but it was missing some CSS. I changed to the correct version, and it's now working fine in IE.