[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
昨日の記事に書きましたが天下のIEがborder-radiusに対応していない為どうしたら楽に(←ここ、重要です)ボックス要素の角を丸くできるかいろいろ調べました。
JavaScriptを使えば実現できるというのは前から知ってはいたのですが、私自身がJavaScriptにあまりと言うか全く詳しくないので、ロクに調べもせず「無理っ!」と決めつけて手を出さずにいました。しかし今回ばかりはどうしても角を丸くしたいという無意味なこだわりがあったため結構頑張って調べました。
結果的にはかなりあっさりと実現できてしまい拍子抜けです。その方法をメモがてら記事にしておきたいと思います。
※以下の内容は忍者ブログでの場合になります。
今回の改装にあたり作成したこのテンプレート、記事の入るボックスとサイドにあるプラグインの入るボックスに角丸を実装しています。
面倒なこと抜き、とにかく楽にボックス要素に角丸を実装したい!しかもそれなりにクロスブラウザも考慮しなきゃ、と悩んだ挙句にCSSとIEにはJavaScriptを用いるという方法を採る事にしました。今回はCSSでの角丸の実装について書いておきたいと思います。