IE8(Beta2)とCSS
IE8(Beta2)が出たのでさっくりとテストしてみた
IE8のBeta2が出たので、さっくりとだが自サイトでCSS対応の検証をしてみた。 以下は気づいたこと。
- IE7にあった件のバグは修正された。
-
標準モードでは、expression()が使えなくなった(互換モードではOK)。
CSS 式は、高いパフォーマンス コストを持つ CSS に独自の拡張機能です。 (CSS 式"Dynamic Properties") とも呼ばれます Internet Explorer 8 Beta 2 以降、CSS 式がなった Internet Explorer 8 標準モードでサポートされていません。 CSS 式は Internet Explorer 7 Strict モードと下位互換性を維持するために Quirks モードででもサポートされています。
原文は、CSS Expressions is a proprietary extension to CSS that has a high performance cost. (CSS Expressions is also known as "Dynamic Properties.") Starting with Internet Explorer 8 Beta 2, CSS Expressions is no longer supported in Internet Explorer 8 Standards mode. CSS Expressions is still supported in Internet Explorer 7 Strict mode and Quirks mode for backward compatibility.
-
::before,::after疑似要素に対応。
ただし、疑似要素(::before,::after,::first-letter等)をコロン2つ(::)で記述すると無視されるので注意が必要。CSS 2.1: IE 6.0 IE 7.0 IE8 Beta 1 IE8 Beta 2 IE 8.0 :after { sRules } No No Yes Yes Yes :before { sRules } No No Yes Yes Yes :first-letter { sRules } Yes Yes Yes Yes Yes :first-line { sRules } Yes Yes Yes Yes Yes CSS 3: IE 6.0 IE 7.0 IE8 Beta 1 IE8 Beta 2 IE 8.0 ::before { sRules } No No No No No ::after { sRules } No No No No No ::first-letter { sRules } No No No No No ::first-line { sRules } No No No No No -
opacityに相変わらず未対応、況んやrgba()をや。
さらに、標準モードでは、独自拡張のfilter:alpha()も効かない?
prefixを付けろということらしい IEBlog : Microsoft CSS Vendor Extensions - text-shadowには未対応。 expression()も使えなくなったので、さてどうするか…
-
counter-resetとcounter-incrementに対応した、とか言っているけどバグっている。
テストケース1(ol > li:before { content : counter(item) '. '; } )の表示結果をペーストすると1. One 3. Two 3. Three 1. Three - One そして 1. 一 1. 一の一 1. 一の一の一
また、テストケース2(ol > li:before { content : counters(item, '.', decimal) '. ';})では、1. One 3. Two 3. Three 3.1. Three - One そして 1. 一 1.1. 一の一 1.1.1.1.1. 一の一の一
追試してみたら、さらに面白い現象に遭遇^^;
テストケース3(テストケース1にli要素を追加)1. One 3. Two 3. Three 1. Three - One 1. Four そして 1. 一 1. 一の一 1. 一の一の一 2. 二
テストケース4(テストケース2にli要素を追加)1. One 3. Two 3. Three 3.1. Three - One 1. Four そして 1. 一 1.1. 一の一 1.1.1. 一の一の一 2. 二
ところで、Internet Explorer 8: ホーム ページには見あたらないのだが、バグはどこにどうやって報告すりゃいいんだ??
"IE8(Beta2)とCSS"へのTwitter上でのコメントやRT
ツイートを取得できませんでした。