2

border-width: 0px;and border-radius: 5px;（または-moz-border-radiusetc.）を使用したdivがあります。

Chrome、Safari、Firefoxでは、これは非常にうまく機能し、divは角が丸くなるため、角が透明になります。

ただし、IE9は丸みを帯びた角を表示しません（チェックしたところ、IEは実際には「IE9モード」であり、HTML5 doctypeがあり、に設定さX-UA-CompatibleれていますIE=edge）。追加した場合にのみ実行されます

border-style: solid;
border-width: 1px;

実際の境界線を宣言せずにIE9に丸みを帯びた角をレンダリングさせることはできますか？

4

2 に答える 2

2

問題は、div がグラデーションで塗りつぶされていたことです。IE9 は CSS グラデーションをサポートしていないため、使用する必要がありました

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#79D5FF', endColorstr='#08609A');

これは角が丸い場合には機能しません。つまり、border-radiusグラデーションの角が切り取られません。

于 2012-11-26T13:50:40.653 に答える
1

例えばborder-top-left-radius、などを使ってみましたか？border-top-right-radius以前、divの角を丸くするために同様のものを使用しましたが、IE8ではなくIE9 / Chrome/FFで機能しました。

于 2012-11-26T13:31:08.373 に答える