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

関連記事

WordPressアップグレード

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

URL変更

今までトップにブログが表示されるようにしていましたが /blog/以下に変更しました。 トップページ …

IEなんて消えてしまえ

ちょっと前に話題になってたIE8とIE9をクラッシュさせるコード。 IE8・IE9をクラッシュさせる …

MTアップグレード

MovableTypeを3.2から3.33にしました。 ディレクトリを変えたりしたので、疲れました。 …

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

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

カテゴリー

アーカイブ

サイト内検索