在IE8中的頁面加載時打開Bootstrap模式

Question

因此，由於某種原因，我的模態在其他瀏覽器上都可以正常運行，由於某種原因，當我轉到IE時，IE不會自動隱藏。 它已經打開了：/
我確實修改了引導CSS，使其僅具有進行模態工作所需的樣式，並且它在chrome，safari，ff（即9和10，而不是8）上可以正常工作。

知道有什么問題嗎？

<a data-toggle="modal" class="byodbtn" title="byod-whitepaper" href="#myModal">Download White Paper</a>

<div class="modal hide fade workspace-brochure" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">Modal header</h3>
  </div>
  <div class="modal-body">

{sn-english-form-workspace}

  </div>
</div>

Answer 1

嘗試將以下內容放入CSS：

#myModal {
  display: none;
}

Answer 2

如果您使用的是IE11，它應該可以正常工作。

對於IE版本= <10，使用漸變類時會出現問題。 嘗試將其刪除-

jQuery(document).ready(function($) {
  if ( jQuery.browser.msie && 10 >= jQuery.browser.version ) {
    jQuery('.fade').removeClass('fade');
  }

Answer 3

CSS樣式問題。 確保您更新到適用的最新引導程序。 最好的方法是創建新的CSS樣式。

$('yourclassorID").on("click", function(){
$('.modal').removeCLass('hide');
})

CSS：

hide{
display:none;
}

用戶首次初始化視圖時，請確保具有一個可以刪除的類，例如“隱藏”