IEでも角丸を？

NiCko — Thu, 22 Apr 2010 12:09:18 +0000

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消えてくれ。

追記：動きました

IE7で消えるパンくず

NiCko — Fri, 29 May 2009 14:36:54 +0000

40歳になったNiCkoです(´ー｀)
若い頃は考えられなかったけど、40代もいいもんですね。
なんだかワクワクしております（笑）

さて、最近はプライベートな日記はmixiのほうに書いております。
こちらは犬関係か仕事関係の覚え書き中心になると思います。

というわけで。

タイトルにあるようにあるサイトでパンくずを書いていたんですが、なぜかIE7だけ消えるんです。
divタグでくくると消えます。なのでspanタグでくくっていたんですが、すると今度はIE8とOperaでレイアウトが崩れます。。

なぜなのか、原因不明。。droppyでプルダウンメニューを使ってるからかなぁ
仕方ないので、IE7以外のモダンブラウザ向けにdisplay:block;とcssで指定しました。
詳細は以下。

#pankuzu {
	padding: 0;
	margin: 0 15px;
	display: inline;
}
/* IE7以外モダンブラウザ用ハック */
html>/**/body #pankuzu {
	display: block;
}

これでいちおう解決しましたが、なんだかなぁ。

イヌブロブログ » IE

IEでも角丸を？

IE7で消えるパンくず