ホーム > タグ > CSS

CSS

IEでも角丸を?

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で消えるパンくず

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;
}

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

CSS Hack(1)

WindowsIE5.0と5.5にそれぞれ違う外部スタイルシートを読み込ませる方法。

IE5.0

@media tty {
i{content:”¥”;/*”"*/}}; @import ‘ie50.css’;{;}/*”;}
}/* */


IE5.5

@media tty {
i{content:”¥”;/*”"*/}}@m; @import ‘ie55.css’;/*”;}
}/* */


ついでに、MacIE5.xに違う外部スタイルシートを読み込ませる記述。

/*¥*//*/
@import “ie5mac.css”;
/**/


以下は同一スタイルシート内でMacIE5.xにのみ、プロパティに違う値を指定する方法。
MacIEにはヒラギノをfont-familyに指定し、その他のブラウザにはGeorgiaを指定している例。

#head {
margin: 0;
padding-top: 10px;
*********((中略))*********
font-family: “ヒラギノ明朝 Pro W3″, “平成明朝体”;
}
/* MacIE5.x以外 ¥*/
#head {
font-family: Georgia, serif;
}
/* MacIE5.x以外 */

Home > Tags > CSS

ログイン状態
Search
Feeds
Meta
Get Adobe Flash playerPlugin by wpburn.com wordpress themes

Return to page top