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 を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

関連記事

WDP覚え書

WDP(Web Diary Professional)のカスタマイズメモ。 ■画像をクリックした時、 …

Stinger8のカスタマイズ

メモ代わりに置いておきます。 カスタマイズというほどでは無いのですが、どこを弄ったのか忘れないように …

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

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

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

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

WordPressアップグレード

久しぶりにWordPressをアップグレードしました。 以前のバージョンは2.6.xだったので慎重に …

カテゴリー

アーカイブ

サイト内検索