1

我有这个 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来说非常大的麻烦，包装器粘在左边，边框不显示等等。

4

3 回答 3

1

请参阅这篇关于圆角和 IE 9 - IE9 边框半径的帖子

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

于 2012-12-14T18:17:54.567 回答
0

认为你需要这个

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

将其粘贴在<head></head>标签之间

于 2012-12-14T18:04:36.243 回答
0

您是否指定了正确的文档类型？这只是猜测，因为您没有共享任何 HTML 代码。

于 2012-12-14T18:20:45.207 回答