AdSense

2010年3月17日水曜日

Internet Explorer (IE) 9 プレビュー版でCSSハックをいろいろ試してみた。

IE9 プレビュー版を入れて、IE9用のCSSハックがあるのかな?と思っていろいろ試してみた。
ググってないので手探り状態。
あちこちで出だしたらまとめよう。

/* IE系 */
* html #css-hack { color:#00f; }
* html #css-hack { _background-color: #00f; }
#css-hack { /color:#00f; }
*:first-child+html #css-hack { color:#00f; }
#css-hack { color /**/:#00f; }
head~/* */ body #css-hack { color:#00f; }
html>/**/body #css-hack { color:#00f\9; }
html:not(:target) #css-hack { color:#00f\9; }

下記は IE9でも適応された。
html>/**/body #css-hack { color:#00f; }
html[xmlns] #css-hack { color:#00f; }
html:not(:target) body #css-hack { color:#00f; }

/* fire fox */
html:not([lang*=""]) #css-hack { color:#00f; }

/* safari */
body:first-of-type #css-hack { color:#00f; }

/* opera */
body:last-child #css-hack { color:#00f; }
html:not([lang*=""]) #css-hack { color:#00f; }

IE9 のみは今のところこれかなぁ。
html:not(:target) #css-hack { color:#00f\9; }
もう少し調べてみる。

0 件のコメント:

コメントを投稿

ページ