html - Internet Explorer 9 は css3 スタイルをサポートしていません

Question

以下のスクリプトがありますが、Firefox と Chrome で問題なく動作しています。ie9 は色の変化を示しません。

<style type="text/css">
body {
background-color: #FF77BB;
}
@media screen and (max-width: 960px) {
body {
background-color: #8A2BE2;
}
}
@media screen and (max-width: 768px) {
body {
background-color: #FF8C00;
}
}
@media screen and (max-width: 550px) {
body {
background-color: #7FFF00;
}
}
@media screen and (max-width: 320px) {
body {
background-color: #CC0011;
}
}
}
</style>

Answer 1

私にとっては問題なく動作します。最後に余分な } を取り除くだけです。他のブラウザでは問題にならないかもしれませんが、IE9 は非常にうるさいです。