Microsoft Edge 38 にてCSSが効かない

Question

WindowsEdgeにてバージョン違いで下記CSS記述が効かなくなりました

効かない
Microsoft Edge 38.14393.0.0
Microsoft EdgeHTML 14.14393

効く
Microsoft Edge 25.10586.0.0
Microsoft EdgeHTML 13.10586

@supports (-ms-accelerator:true) {
  /*CSS記述*/
}

CSSのみの修正でCSSが適用されるようになりませんでしょうか。
何卒よろしくお願い致します。

Answer 1

CSSハックはブラウザのバグや実装の特殊性を利用して環境を特定するテクニックなので、
バージョンアップに伴って利用できなくなることは十分考えられます。
検索しても上記のハックしか見つからないので、まだ誰も新しいハックを発見していないのではないでしょうか。

こうなるとCSSだけでは如何ともしがたいので、
UA判別を検討するしかないのではないでしょうか。。。
もしくは、Edgeだけハックをしなくても良いような別の実装方法やデザインに変更するとか。

解決になっていませんが参考までに…。

Comments

[46yanagi]

Edge38で適用されるCSSハックがあれば一番理想的な解決法なのですが……。
ありがとうございます。

Answer 2

下記記述に変更したら適用されました。

@supports (-ms-ime-align:auto) {
  .selector { property:value; }
}

参考URL
https://jeffclayton.wordpress.com/2015/04/07/css-hacks-for-windows-10-and-spartan-browser-preview/

Comments

[aKusano]

おおー、ハックあったんですね！メモメモφ(..)

Answer 3

見た目をそろえるのであれば、normalize.cssを導入してみるのはどうでしょう？

http://cappee.net/coding/normalize-css-reset-css