0

重複の可能性:
IE での「border-radius」のサポート

プロジェクトの IE で border-radius を動作させることができないため、この単純な html ファイルを作成して、何か不足しているかどうかを確認しました。

<html>
<head>
<title>border test</title>
<style type="text/css">
body{background-color: #009de8;}
div{border: 2px solid red;border-radius: 5px;}
</style>
</head>
<body>
    <div>
        <h1>Hello world!</h1>
    </div>
</body>
</html>

それでも、IE9 は border-radius プロパティをサポートするはずですが、境界線は決して丸いものではありません。

私が見逃しているものはありますか？

4

2 に答える 2

6

一般に、Internet Explorer は、DOCTYPEタグが含まれていない場合は互換モードになり、ページが予期しない方法でレンダリングされます。

この html5 doctype タグを HTML ドキュメントの先頭 (最初の行) に追加すると、機能します。

<!DOCTYPE html>

そしてそれはうまくいくはずです。

于 2012-07-21T11:11:04.823 に答える
1

IEでの「border-radius」のサポートを確認してください

あなたはこれを必要とします：

<meta http-equiv="X-UA-Compatible" content="IE=9" />
于 2012-07-21T10:32:01.610 に答える