web関係

IEでも角丸を?

投稿日:2010年4月22日

FirefoxやSafariなどはCSS3のborder-radiusで角丸を実現できますが、IEは対応しておりません。
というわけでborder-radius.htcなるものを使ってみたのですが・・・動かない。。。
ダウンロード先

-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

で動くはずなんだけど、なんぼやっても動きません。
デモでは動くんだけど。

怪しいのはz-index辺りか、ボックスをフロートさせてるせいか。
もうちょっと調べてみます。

てかIE消えてくれ。

追記:動きました 😛

-web関係
-, ,


comment

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

ActivePerlとImageMagickの悩ましい関係

XAMPPにはActivePerlをインストールしていたのですが、WGPを弄ってる時にImageMa …

ThickBoxのせいでvalidにならなかった件

あるサイトでXHTMLvalidにならず悩んでいたのですが、エラーをよく見ると全てThickBoxの …

WordPressのバージョン情報を消す

WordPressを使っていて、ソースを見るとバージョン情報がMETAタグに載ってしまうので、これを …

BizVektorのコピーライトを削除する

今とあるサイトを無料テーマのBizVektorで作ってますが、フッターにBizVektorさんのちょ …

カスタムフィールドプラグイン「Smart Custom Fields」を使ってみた

WordPressはいろんなことができますがCMSとして使うにはデフォルトの設定ではちょっと使いづら …

カテゴリー

アーカイブ

サイト内検索