html - 简单的 CSS 给 IE 9 带来麻烦

Question

我有这个 CSS 代码:

html {
    overflow-y: scroll;
}

body {
    background-color: #e4e4e4;
    font-size: 12px;
    font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif;
    line-height: 1.6;
    color: #555;
}

#wrapper {
    width:950px;
    position: relative;
    margin: 20px auto;
    background-color: #fff;
    border: 1px solid #333;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
}

在 Chrome 中，它工作得很好，包装器位于任何屏幕分辨率的中间，并且有曲线边框。

但是到了IE9就很麻烦了，wrapper粘在左边，border不显示等等。

Answer 1

请参阅这篇关于圆 Angular 和 IE 9 的帖子 - IE9 border-radius

PS - 去我的 VM 上的 IE9 中解决这个问题，jsfiddle 在 IE9 中不起作用哈哈。