2011-09-11 17 views
0

JQueryで1つのコーナーを丸めたいと思います。どうすればいい?私は試しました:JQuery - 一角に丸めますか?

$(".under").corner("bottom-right 10px"); 

しかし、それは動作しません。 (申し訳ありませんが、私はnoobの質問をしています、私は今、JQueryを実装しました)。 CSSベースのIE互換ソリューションについては

+0

はあなたの角を丸めるためにCSSを使用したと考えたことがありますか? IEのための丸いコーナーサポートが特に必要な場合を除いて、これはより簡単でより良い解決策かもしれません。 – sscirrus

+0

残念ながら、9より低いすべてのIEバージョンは、丸められたCSSコーナーをサポートしていません。私は誰にとっても最高の可用性を提供したいと考えています。 –

答えて

2

てみてくださいhttp://jsfiddle.net/2mnHM/のようなものを使用します。あなたはそれがクロスブラウザではないので少し調整する必要があります。 Chrome、Opera、Firefox、Safari、IE9のさまざまなプロパティを使用して同じ効果を得ることができます。しかし、IE8以降はまったく異なるワームの可能性があります。

IEの背景画像を使用する必要があります。または、左下にある<img>タグを含むdivを使用します。あなたはそれがIEかどうかを検出するためにjQueryを使うことができます($.browser.IE$.browser.versionの組み合わせ)。

あなたがこれを行うことができjquery.corner.js( http://jquery.malsup.com/corner/)で
1

jQuery('#flow').corner("TL 8px");  // top left 
jQuery('#flow').corner("TR 15px"); // top right 
jQuery('#flow').corner("BL 20px"); // bottom left 
jQuery('#flow').corner("BR 2px");  // bottom right 
jQuery('#flow').corner("top 30px"); // top left right 
jQuery('#flow').corner("right 2px"); // top bottom right 
jQuery('#flow').corner("bottom 2px"); // bottom left right 
jQuery('#flow').corner("left 2px"); // top bottom left