CommentsPosted2012-05-16IE8以下ではcss3のborder-radiusは使用できませんが、jQuery.cornerを使用すれば簡単に角丸にできます。IE8以下にはjQuery.cornerプラグインを適用するようにして、IE9とその他のブラウザにはborder-radiusで角丸を作れば、実用的にborder-radiusを使っていけそうです。!IE9でborder-radiusが適用されない場合IE9でborder-radiusが適用されない事がありました。調べたら後方互換モードになってしまう事が原因のようです。以下のメタタグをヘッド内へ追加して解決しました。モードでレンダリングしなさいという指定です。指定すると、最新のバージョンで読み込んでくれるようです。入っていた場合にchromeモードで表示できる指定です。「だが断る」IE9ヤバイ。以下よりダウンロードできます。malsup/cornerデモは以下のページで確認できます。DemojQuery.cornerの使い方ヘッド内でjQuery本体とダウンロードしたプラグインを読み込みます。src="js/jquery.corner.js"></script>続けてヘッド内に下記の様に記入します。部分は角丸を適用する要素を指定します。部分は角丸の大きさを指定します。$('#box').corner("5px");</script>これだけで要素を角丸にできます。要素へは適応できませんのでご注意下さい。作ってみたサンプルデモIE6でもちゃんとborder-radiusを使ったかのように角丸にしてくれます。(クリックで大きい画像がみれます)IEの場合角丸からはみ出た部分は表示されないようです。サンプルのコードサンプルではjQuery.cornerはIE8以下のみに読み込む様にしてあります。それ以外はborder-radiusで角丸を作っています。CommentコメントをキャンセルEmailは公開されません。*Website↑AuthorSaoriホームページを作っています。犬とインターネットが好きです。愛犬はダックスフンド。内容を確認後チェックして送信Socialブログ更新のお知らせとWeb制作に関する情報を更新しています。