asamuzaK.jp

IE8のBeta2が出たので、さっくりとだが自サイトでCSS対応の検証をしてみた。 以下は気づいたこと。

1. IE7にあった件のバグは修正された。
2. 標準モードでは、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.

3. ::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

4. opacityに相変わらず未対応、況んやrgba()をや。 さらに、標準モードでは、独自拡張のfilter:alpha()も効かない?
   prefixを付けろということらしい IEBlog : Microsoft CSS Vendor Extensions
5. text-shadowには未対応。 expression()も使えなくなったので、さてどうするか…
6. 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: ホーム ページには見あたらないのだが、バグはどこにどうやって報告すりゃいいんだ??