[英]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.