CSS不在IE中工作

我正在尝试使用不透明度转换，它似乎适用于除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>

#piccode{
不透明度：0；
-moz转换持续时间：1s；
过渡时间：1s；
-webkit转换持续时间：1s；
-ms转换持续时间：1s；
-o-过渡持续时间：1s；
}
#piccode:hover{
不透明度：1；
}
#正文p：第一个字母{
字母间距：1px；
线高：0.5；
字体大小：25px；
字体家族：“恋人吵架”，草书；
}
#后体b{
颜色：#8b5a3c；
}

---

我不知道这是否有什么不同，但是如果我删除了这些转换，悬停仍然没有任何作用。我想我的悬停可能是问题所在。。。如果我在这里说的话很抱歉。我完全是自学成才的

对于转换，您忘记指定要设置动画的属性（为简单起见，我在此处使用了）：

对于具有两个冒号的语法，建议使用

：

（较旧的浏览器版本也应支持单冒号语法）：

---

谢谢你的建议！在第一个字母代码中添加第二个冒号解决了这个问题。然而，指定一个属性进行转换并没有任何作用……它在fiddle中对我有效，但在我正在使用的页面上无效。我试图设置一个doctype。那没用。我想这是留言板上我试图编码的东西，它是相互冲突的。我设法用js解决了这个问题。非常感谢您的投入！真是帮了大忙！我也是这样。我相信当你有第一个字母，转换和悬停状态时，这就是IE10的错误。。我试过设置不同的选项，但什么都没有。

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

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