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来说非常麻烦，包装纸粘在左边，边框没有显示和其他东西。

Answer 1

请参阅此帖有关圆角和IE 9 - IE9 border-radius

PS - 我想在我的VM上的IE9中对此进行故障排除，并且jsfiddle在IE9中不起作用。

Answer 2

认为你需要这个

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

将其粘贴到<head></head>代码

之间

Answer 3

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

简单的CSS制作IE 9的麻烦

3 个答案: