jQueryを使用してInternet Explorerで丸みを帯びたコーナー

最近、私は上の記事書いた丸いCSSコーナー:CSS3 、丸い角を作成するための素晴らしいソリューションです。 しかし、Internet Explorerはまだそれをサポートしていませんが、この記事では説明して解決策があります。

あなたはこの作業を取得するために必要なすべてをダウンロードすることができますように、次の2つのリンクが動作するバージョンもzipファイルを示しています。

HTMLは単純明快であり、別の記事のコードを使用しています- HTML5のチュートリアル:はじめに

IEで働いて丸みを帯びたコーナーを得るためには必要がありますjQueryのjQueryのコーナースクリプト私がしてHTMLから参照された上記のzipファイルに含まれているどちらもします。

<script src="js/jquery-1.3.2.min.js"></script>
<script src="js/jquery.corner.js"></script>

次は、単にあなたが四捨五入されたいコーナーブラウザに指示する必要があります。

<script>
$("#container").corner();
$("section").corner();
$("aside").corner();
$("#main-navigation a").corner("top 5px");
</script>

あなたがすべてではCSSに精通しているなら、あなたは簡単にこれは我々は、単にHTMLのその部分を対象とする引用符内の要素は、IDやクラスを使用しているようにJavaScriptを使用してどのように適用されるか見ることができるはずです。

要約

それはこれだけです。 に示すように、丸みを帯びた角の効果のすべての種類を作成することができます丸みを帯びたコーナーのデモサイト 今まで、私はいつも使って丸みを帯びたコーナー作成したこの方法をしかし、このjQueryソリューションのシンプルさを見て、私は、少なくともInternet Explorer用の切り替えおよびWebkitやMozillaブラウザ用にCSS3に頼るように誘惑しています。

あなたはどう思いますか? あなたはまだ、角が丸いソリューション用の画像を使用するか、JavaScriptとCSS3の方法が開発コミュニティで多くの普及になっていますか?

次のことができます応答残す 、またはトラックバックをあなた自身のサ ​​イトから。

"jQueryを使用してInternet Explorerで丸みを帯びたコーナー" 1つの応答

  1. narayanvjは 言う:

    あなたのラムに感謝、このソリューションでは、私たくさん助けた。 あなたからのこのような良い記事を探しています。

応答を残しなさい

あなたがしなければなりませんログインしてコメントを投稿する。