0

不工作我有一個模式,我通過包括jQuery的,例如:Twitter的引導模式的背景下,在IE

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演示網站,我可以看到模式的灰色背景。雖然我認爲這是不同的初始化。任何人都可以向正確的方向指出我爲什麼會發生這種情況?

自舉五:2.3.2

目前使用this detection script

+0

你能指定IE和Bootstrap的版本嗎?你也使用什麼瀏覽器檢測工具? – Pavlo

+0

用更多的信息更新了問題 – Doidgey

+0

@ Mat-visual我想這可能是「DOC-TYPE」的問題。所以添加這個'' – Praveen

回答

0

雖然製作的jsfiddle,我追蹤的問題我用的是引導CSS文件。我不知道如何,但它缺少一些CSS。我改爲正確的版本,現在在IE中正常工作。

+0

接受然後回答。 – Pavlo