在InternetExplorer9中未显示div可能存在不透明问题

Question

我认为，从我目前对文档和谷歌相关搜索的阅读来看，IE 9不喜欢不透明。。。我有这个css，想知道为什么IE 9不喜欢它…有人能补充我对此的理解吗？

#logo-title{
  background-image: url("../images/mthc/logo-whole.png");
  background-repeat: no-repeat;
  position: fixed;
  top: 0;
  left: 250px;
  border: 0 ;
  height: 180px;
  width:780px;
  z-index : 2500;
  opacity:0;

编辑：-进一步阅读得出结论，以下代码实际上是问题所在，因为ie9不支持css3中的所有好东西。。。。需要一个js替代方案，但无法使此代码工作。。。

$("#logo-title").fadeIn();

-webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
           -moz-animation: fadein 2s; /* Firefox < 16 */
            -ms-animation: fadein 2s; /* Internet Explorer */
             -o-animation: fadein 2s; /* Opera < 12.1 */
                animation: fadein 2s;
        -webkit-animation-delay: 11s; /* Chrome, Safari, Opera */
        animation-delay: 11s;
        -moz-animation-delay: 11s;
        -ms-animation-delay: 11s;
        -o-animation-delay: 11s;
        animation-fill-mode: forwards;
        -o-animation-fill-mode: forwards;
        -moz-animation-fill-mode: forwards;
        -webkit-animation-fill-mode: forwards; 
    }

编辑-我忘了包括发丹动画。。。

@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

Answer 1

在我看来，CSS3动画在IE9中不受支持，您需要使用回退，如Modernizr-如本线程中所述：在IE9+中使用CSS3动画