淡入淡出在 ie10 中不起作用

Question

我不知道為什么，但在查看示例后，我認為與我決定發布的先前問題相同.. 單擊時我有一個按鈕會執行以下操作...

$('.fa-phone, .bg-darkPink').parent().on('click', function () {
      $('#testimonials').fadeTo(0, 0); 
      $('.submenu-ctn').fadeTo(0, 0); 
      $("#colorscreen").remove();
      $("body").append('<div id="colorscreen" class="animated"></div>');
      $("#colorscreen").addClass("fadeInUpBigCS");
      $(".musability-music-therapy-content-space").css({width: "720px",opacity:1}).load("contact-page.html #contact-form");
      $(".submenu-ctn").load("contact-page.html .submenu-contact");
      $.getScript("js/slider/slider-animations.js");
      $(".submenu-ctn").load("contact-page.html .submenu-contact");
      $('.nav-toggle').removeClass('active');
      $(this).addClass('active');  
      $('#menu').multilevelpushmenu('collapse');
      $('.submenu-ctn').fadeTo(3000, 1);
});

問題是腳本的這一部分沒有被執行。

$('#testimonials').fadeTo(0, 0); 

其中css和html如下

<div id="testimonials">  

<div class="box animated seven boxGreen testimonials1">
    <p class="fg-white">"".<p class="text-small fg-white">- M
        <span class="imagestars">
        <img src="images/mthc/stars.png" alt="testimoinal rating 5 star">
        </span>
    </p>
</div>

<div class="box animated nine boxGreen testimonials2">
    <p class="fg-white">" the long term"<p class="text-small fg-white">kool.
        <span class="imagestars">
        <img src="images/mthc/stars.png" alt="testimoinal rating 5 star">
        </span>
    </p>
</div>
</div>

#testimonials
{
    display:block;
    opacity:1;
    z-index:1500;
}

不太確定發生了什么，所以用調試進行調查，但這並沒有告訴任何 atm。 適用於所有其他瀏覽器嗯？

Answer 1

所以基本上 IE 10 不喜歡有溢出的類：隱藏在你試圖淡入淡出的 div 中......把它們從 div 內的類中取出來解決問題！