0

ドキュメントモードとブラウザモードを変更したくないIE 10のデフォルト設定で丸みを帯びた角を表示しようとしています：

結果のスクリーンショット

css3pie.com、round-border.htcなど、さまざまなベンダーの.htcを使用しようとしましたが、結果はありません:

   <style>
.curved {
 -moz-border-radius:0px 0px 5px #999;
 -webkit-border-radius:0px 0px 5px #999;
 behavior: url(border-radius.htc);
 border-radius:0px 0px 5px #999;
 -khtml-border-radius: 0px 0px 5px #999;
 width: 1000px;
    margin: 30px auto;
border-radius: 20px;
        padding-left: 10px;
    padding-right: 10px;

    padding: 0; 
    overflow: hidden;
}
</style>

HTML コード:

<body>

<div class="curved">
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks 
hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj
 fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja 
fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja 
fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
fdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja
 fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hdfdhsajk fhdas fhkdsja fhdksj fhdksja fhsdkja fhkdaj fhajks hd
</div>

しかし、まだ運がありません...実際の問題は、すべてのブラウザー、特に上記の Internet Explorer のブラウザー モードとドキュメント モードでアプリケーションを使用したいことです。

IE10 または標準ビューでドキュメント モードを quirks に変更すると、出力が得られます。しかし、具体的には、cssまたはjavascriptを使用して、これまたはその他の回避策でそれが必要です。

また、メタ タグを使用してドキュメント モードとブラウザ モードを強制的に更新しようとしましたが、問題が解決しなかったため、助けにもなりませんでした。

4

1 に答える 1

2

IE はバージョン 9 以降、丸みを帯びた角をサポートしているため、PIE ライブラリは必要ありません。

また、border-radius プロパティを 2 回定義していますが、これは問題ではありませんが、各プロパティを 1 回だけ定義することをお勧めします。

border-radiusまた、このプロパティを非標準的な方法で使用していることに気付きました。指定した 4 番目のパラメーター#999は無効です。長さまたはパーセンテージのみを値として使用できます。これにより、IE がそのプロパティを無視する可能性があります。おそらくあなたは次のことを意味します：

border-radius: 0px 0px 5px;
border-color: #999;
border-style: solid;

MDNborder-radiusでドキュメントを確認してください。

于 2013-05-23T16:46:03.567 に答える