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 border-radiusに関するこの投稿を参照してください。

PS - VM の 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

正しいDoctypeを指定しましたか? HTMLコードを共有していないため、これは当て推量です。

于 2012-12-14T18:20:45.207 に答える