css - IE で CSS が機能しない

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>

違いが生じるかどうかはわかりませんが、トランジションを削除すると、ホバリングは何もしなくなります。私のホバーが問題かもしれないと思います...ここでばかげて聞こえたらごめんなさい。私は完全に独学です！