IE的CSS效果问题

Question

我有一个使用三种效果的菜单栏：

.transition{
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.rounded{
    -webkit-border-radius: 0px 10px 10px 0;
    -moz-border-radius: 0px 10px 10px 0;
    -ms-border-radius: 0px 10px 10px 0;
         border-radius: 0px 10px 10px 0;
}

.shadow{
        -webkit-box-shadow: 2px 2px 4px #888;
    -moz-box-shadow: 2px 2px 4px #888;
        -ms-box-shadow: 2px 2px 4px #888;
         box-shadow: 2px 2px 4px #888;
}

这些适用于Chrome和FF，但不适用于IE9。帮助

Answer 1

如果你的意思是转换，那是因为IE 9不支持CSS转换 - http://caniuse.com/#search=transitions。

Answer 2

IE9不支持大多数CSS3功能。 See this link to see valid features和this link for Microsoft reference。