JQueryで1つのコーナーを丸めたいと思います。どうすればいい?私は試しました:JQuery - 一角に丸めますか?
$(".under").corner("bottom-right 10px");
しかし、それは動作しません。 (申し訳ありませんが、私はnoobの質問をしています、私は今、JQueryを実装しました)。 CSSベースのIE互換ソリューションについては
JQueryで1つのコーナーを丸めたいと思います。どうすればいい?私は試しました:JQuery - 一角に丸めますか?
$(".under").corner("bottom-right 10px");
しかし、それは動作しません。 (申し訳ありませんが、私はnoobの質問をしています、私は今、JQueryを実装しました)。 CSSベースのIE互換ソリューションについては
てみてくださいhttp://jsfiddle.net/2mnHM/のようなものを使用します。あなたはそれがクロスブラウザではないので少し調整する必要があります。 Chrome、Opera、Firefox、Safari、IE9のさまざまなプロパティを使用して同じ効果を得ることができます。しかし、IE8以降はまったく異なるワームの可能性があります。
IEの背景画像を使用する必要があります。または、左下にある<img>
タグを含むdivを使用します。あなたはそれがIEかどうかを検出するためにjQueryを使うことができます($.browser.IE
と$.browser.version
の組み合わせ)。
:
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
はあなたの角を丸めるためにCSSを使用したと考えたことがありますか? IEのための丸いコーナーサポートが特に必要な場合を除いて、これはより簡単でより良い解決策かもしれません。 – sscirrus
残念ながら、9より低いすべてのIEバージョンは、丸められたCSSコーナーをサポートしていません。私は誰にとっても最高の可用性を提供したいと考えています。 –