[み]IEでもCSS3みたいな角丸にする方法

コピペ大好きみはら(@masashi_385)です。でも、やっぱり最終的には神プラグインのHead Cleanerに助けてもらってるカンジです。

さて、今回もコピペでいけるやつを紹介します。今回紹介するコピペは、IEで見たときもChromeとかFirefoxとかで見たときみたいにボックスを角丸にする方法です。ボックスにシャドウを付けるやつ同様にIEはいろいろ面倒なようで、みはら.comはIE対策なるものはさっぱりしていません。あしからず。ですので、みはら.comをご覧になる際には、モダンブラウザと呼ばれているようなChromeだったり、Safariだったり、Firefoxとかでみてください。

では、やり方です。Google Codeで配布しているhtcファイル「border-radius.htc」をダウンロードします。それで、CSSに次のコードを書くと、角丸を表現できます。

-moz-border-radius: 32px;//for Firefox
-webkit-border-radius: 32px;//for Safari and Chrome
border-radius: 32px;//CSS3
behavior: url(border-radius.htc);//for IE

これでOKです。コピペって素晴らしいですね。みなさんも、どんどんコピペしましょうw

シェアありがとうございます

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

commentYour Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

checkboxみはら.comはエックスサーバーです

editNEW エントリー

PAGE TOP arrowup