CSS 在 IE 中不起作用

Question

我正在尝试使用不透明过渡，它似乎适用于除 IE 之外的所有浏览器。 IE 10 应该支持转换，它确实......有时。我不知道为什么我的代码不起作用。首字母代码在 IE 中也不起作用。这是不支持还是我做错了什么？

<style type="text/css">
    #piccode { 
        opacity:0; 
        -moz-transition-duration: 1s; 
        transition-duration: 1s; 
        -webkit-transition-duration: 1s; 
        -ms-transition-duration:1s; 
        -o-transition-duration: 1s;
    }
    #piccode:hover { 
        opacity: 1; 
    }
    #postbody p:first-letter { 
        letter-spacing:1px; 
        line-height:0.5; 
        font-size: 25px; 
        font-family: 'Lovers Quarrel', cursive; 
    }
    #postbody b { 
        color: #8b5a3c; 
    }
</style>

我不知道这是否会有所不同，但如果我删除了过渡，悬停仍然没有任何作用。我认为我的悬停可能是问题所在......如果我在这里听起来很愚蠢，我很抱歉。我完全是自学的！

Answer 1

对于过渡，您忘记指定要设置动画的属性（为简单起见，我在这里使用了shorthand property）：

#piccode { 
  opacity:0; 
     -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s; 
      -ms-transition: opacity 1s; 
       -o-transition: opacity 1s;
          transition: opacity 1s; 
}

对于first-letter，建议使用带有两个冒号的语法::（旧浏览器版本也应该支持单冒号语法）：

#postbody p::first-letter { /* ... */  }