border-radiusはIE9を除くすべてのブラウザで動作します

Question

私のnew siteでボーダー半径が機能していないようです。

私はボーダーカーブを見ることができますが、背景はありません。

Answer 1

border-radiusが有効です。

http://jsfiddle.net/Ec86p/3/

IE 9で

次作品IE7/IE8における支持国境半径はIE9は国境半径CSSプロパティのサポートをincluesとして、あなたはCSS3PIEを含めるべきではない要件ではない場合。

編集：

私は、次のあなたのフィドル

http://jsfiddle.net/Zr8vE/3/

、変更を更新しました：

#main-menu li.first{ 
border-left:1px solid #feb800; 

border-top-left-radius: 5px 5px; 
-moz-border-top-left-radius: 5px 5px; 
-webkit-border-top-left-radius: 5px 5px; 

border-bottom-left-radius: 5px 5px; 
-moz-border-bottom-left-radius: 5px 5px; 
-webkit-border-bottom-left-radius: 5px 5px; 

padding-left:10px; 
} 

編集：第2位

とすぐに私はREMOように（#main-menu li）

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe9900', endColorstr='#ff7c00',GradientType=0); 

次のとおりです。

http://jsfiddle.net/Zr8vE/15/

Answer 2

私はこれがあなたが必要としている解決策だと思います。あなたのCSSの

は、丸みを帯びた角を必要とする要素

#element{ 
behavior: url(border-radius.htc); 
} 

ダウンロードにこれを適用するとGoogle border-radius.htcでそれを検索し、画像フォルダにまたはどこでもあなたがそれを好きにそれを保存していますカーブ付きの画像をIEの問題を修正するのに使用します。

私は丸みのあるボーダーの私のために働く私のメインメニューの私のCSSを投稿します。

#main-nav { 
width: 100%; 
background: #ccc; 
margin: 0; 
padding: 0; 
position: absolute; 
left: 0; 
bottom: 0; 
z-index: 100; 
/* gradient */ 
background: #6a6a6a url(images/nav-bar-bg.png) repeat-x; 
background: -webkit-gradient(linear, left top, left bottom, from(#b9b9b9), to(#6a6a6a)); 
background: -moz-linear-gradient(top, #b9b9b9, #6a6a6a); 
background: linear-gradient(-90deg, #b9b9b9, #6a6a6a); 
/* rounded corner */ 
-webkit-border-radius: 8px; 
-moz-border-radius: 8px; 
border-radius: 8px; 
/* box shadow */ 
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); 
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); 
box-shadow: inset 0 1px 0 rgba(255,255,255,.3), 0 1px 1px rgba(0,0,0,.4); 
} 

これを試してください。ここ

はhttp://jsfiddle.net/vZaJX/

はそれが助けたホープのリンクです。

Answer 3

実際、IE9だけでなく、IE9 - です。

あなたは@Bert応答に続くことができるか、あなたはCSS3PIE

使用を試みることができるだけで同じですが、CSS3PIEはIEのためのより多くのCSS3の機能を提供します。

Answer 4

（私はオレンジ色の背景が国境に似て湾曲しているようで、IE 9でそれを試してみました）ここでは、今の答えです。

単語の間隔を編集してみてください。このような

IE 9ソリューションの

http://jsfiddle.net/ApYw4/

私はあなたがこのborder-radius.htcをダウンロードして、あなたのCSSに追加 言ったよう

#main-menu{ 
behavior: url(border-radius.htc); 
//all css 
} 

いけない何も悪いことなら、私を修正することを躊躇します。