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

#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/

出典

2012-02-29 02:56:34 N30

^^^私はすでにそれを知っていた......だから、私はそれが1つを除いて他のすべての部門のために働いたと言った理由。私はあなたがなぜウェブサイトを見ることなく答えているのか分からない。それはかなり明白です。 –

@George Milonas最新のストーリータイトルでdivを聞いていると思います。＃region-sidebar-second .block CSSルールを削除し、jsfiddleで提供されているように単純なCSSを適用できますか？ – N30

いいえ、私は先にオレンジ色のメニューバーを言いました.....私は文字通りボーダーが湾曲しているのを見ることができますが、背景はまだそこにあります –

私はこれがあなたが必要としている解決策だと思います。あなたの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/

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

出典

2012-02-29 02:28:38 Bert

plsメインメニューのCSSを投稿してください。 – Bert

私は傾けることができます。コメントあたりの文字制限/時間制限。火かき棒を使ってそれを見てください。 –

私のポストを編集して、自分のコードを入れてください。 – Bert

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

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

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

出典

2012-02-29 02:34:02

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

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

IE 9ソリューションの

http://jsfiddle.net/ApYw4/

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

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

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

出典

2012-02-29 03:32:46 Bert

まだIE9で正しく表示されていません！ http://i39.tinypic.com/4izbr4.png –

私はそれをより良く見ることができるようにズームインしました。あなたが見ることができるように、境界線は湾曲しますが、背景はありません!!! –

私は上記の私の記事では、動作を追加する指示に従って言った：url（border-radius.htc）;あなたのCSSで。それを更新し、それに従ってください。それは私のために働く – Bert

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

答えて

関連する問題