html - 在 Internet Explorer 9 中不显示 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

在我看来，IE9 不支持 CSS3 动画，您需要使用回退，例如 Modernizr - 如本帖所述:Using CSS3 Animations in IE9+