淡入淡出在 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 内的类中取出来解决问题！