最近のブラウザ使えそうなCSSハックの一覧

最近のブラウザ使えそうなCSSハックの一覧

個人的にハックはあまり使いたくないと言う考えなんですが、ちょこっとハックを使うだけで便利になる事はけっこうあるかと思います。

なので最近のブラウザで使えそうなハックを改めてまとめてみました。

demo page

…ここからが続き

IE6に適用

.huck	{
	_background: #CCC;
}

IE7に適用

*:first-child + html .huck	{
	background: #6CF;
}

IE8に適用

html>/**/body .huck	{
	width /*\**/: 200px\9;
	background /*\**/: #996\9;
}

IE6 IE7に適用

.huck	{
	*width: 200px;
}

Fx 1.5, 2.0 以降に適用

.huck, x:-moz-read-only { background: #09F; }

Fx 3.0 以降に適用

.huck, x:-moz-broken { background: #930; }

Fx 3.5 以降に適用

.huck, x:-moz-broken, x:last-of-type  { background: #036; }

Safari Opera に適用

body:first-of-type .huck	{
	width: 200px;
	background: #333;
	color: #FFF;
}

※ .huck となっている部分は任意の要素です。

参考サイト

追記

Safari Opera に適用に記述したハックなんですが、Firefox 3.5 で実装されているみたいなので、Safari 用のハックではなかったです...

demo page

Track Back

CUBIC4

CSSハックまとめ

使わない方がいいと思いつつも使ってしまうCSSハック毎回検索してIE8が載ってないとかIE8はあるのにSafariがないとか何度も検索するのも面倒なんで自...

by CUBIC4  

Comments

通りすがり

通りすがり

> body:first-of-type .huck {
:first-of-type 擬似クラスが Firefox 3.5 で実装されたので、Safari 用の css hackとしては使えなくなってますよ。ご参考まで。

2009年10月25日 23:30

Comment Form

※コメントが認証されるまで、コメントは反映されません。ご了承くださいませ。


(公開されません)
 
Captcha

画像の中に見える文字を入力してください。

page top へ

Sponsor

  • heteml
  • Movable Type

Category

Recent Article

2011 04-05
iPhone スマートフォンサイトのデザインのまとめ
2011 04-04
スマートフォン対応にしてみました
2011 04-01
CSS3 要素を透明に出来る Opacity と RGBa の使い方
2011 03-31
サイトリニューアルしました
2010 12-01
CSS3 でボタンを作る為のテクニック、サンプル集
2010 11-24
綺麗でリッチなフッターデザイン集のまとめ 60
2010 11-18
緑と黒色を使った Webデザインのサイト 25
2010 11-10
知っておいた方が便利なエクセルの知識

Recent Comments

Archive

2011年
2010年
2009年
2008年

Related Article